/* Optimized CSS Code */

/* General Styles */
body {
  font-size: 14px;
}

.container {
  width: 85%;
}

.containerCalc {
  width: 95%;
}

/* Header Styles */
h1.page-header {
  font-size: 28px;
}

h2.page-header {
  font-size: 24px;
}

.caption a h3,
.thumbnail .caption h3 {
  font-size: 20px;
}

/* Background Info Styles */
.bg-info {
  padding: 10px;
}

.bg-info b,
.bg-info .ds-price,
.bg-info .ds-gross-price,
.bg-info .ds-currency {
  display: block;
  margin-bottom: 5px;
  font-size: 18px;
}

.inline-elements {
    display: flex;
    align-items: center;  /* Opcjonalnie, aby elementy były wyśrodkowane pionowo */
}

/*
.custom_format_width {
   margin-left: 15px;
}
*/
.print-Offer {
   margin-bottom: 10px;
}

.custom_format_name {
   margin-left: 15px;
   margin-bottom: 15px !important;
}

.own_format {
   margin-left: 15px;
   margin-bottom: 15px;
}

/* 
.own_format {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px; /* Dodaje przestrzeń wewnątrz kontenera */
}
*/

.copy-link {
        word-wrap: break-word; /* Zawijanie długich słów */
        word-break: break-word; /* Łamanie słów, jeśli są za długie */
        overflow-wrap: break-word; /* Dodatkowa opcja dla przeglądarek */
        white-space: normal; /* Wymusza łamanie tekstu */
        text-overflow: clip; /* Nie ukrywa tekstu */
        display: flex; /* Flexbox dla lepszego dopasowania */
        justify-content: center; /* Wyśrodkowanie treści */
        align-items: center; /* Wyśrodkowanie treści w pionie */
        min-height: 40px; /* Opcjonalnie: Ustaw minimalną wysokość */
        text-align: center; /* Wyśrodkowuje tekst w przycisku */
        padding: 10px; /* Opcjonalnie: Dodaje padding */
        box-sizing: border-box; /* Upewnia się, że padding nie zwiększa całkowych wymiarów */
    }


/* Button Styles */
a.btn {
  margin-top: 8px;
}

/* Product Gallery Styles */
.product-gallery-content {
  padding-bottom: 20px;
}

/* Column Styles */
.col-xs-6.col-sm-4.col-md-3.index_col_1_1,
.col-xs-6.col-sm-4.col-md-3.index_col_2_2,
.col-xs-6.col-sm-4.col-md-3.index_col_2_8 {
  width: 50%;
}

/* Tooltip Styles */
.custom-tooltip .tooltip {
  font-size: 14px;
  width: 400%;
}

/* Thumbnail Styles */
.thumbnail .thumbnail-link .promotion-icon {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  max-width: 292px;
}


.thumbnail .thumbnail-link img {
  display: inline-block;
  width: 100%;
  transition: all .3s linear 0s;
  max-width: 330px;
  margin: auto;
  text-align: center;
}

.thumbnail .thumbnail-link {
  text-align: center;
}

.productTitleSticky {
    position: sticky;
    top: -20px;
    z-index: 7;
    background: #fff;
}

table.table-volume .col-volume {
    width: 7em;
}

#select-attribute-112 {
    display: none;
}


img.ng-thumb {
    height: 200px;
    float: left;
    display: block;
    cursor: pointer;
    margin: 2px 2px 0 0;
}

/* Form Styles */
.form-group select,
.input-group input {
  transition: all 0.2s ease-in;
  box-shadow: none;
}

/* Panel Styles */
.panel-group .panel {
  margin-bottom: 5px;
  border-radius: 4px;
}

/* Button Margin Styles */
.use-coupon-button,
.buy-now-well,
.confirm-button .well {
  margin-bottom: 15px;
  margin-top: 40px;
}

/* Button Text Styles */
.buy-now-text,
.well .btn {
  font-size: 24px;
  font-weight: bold;
}

/* Copy Link Styles */
.copy-link,
.copy-link:hover,
.copy-link:active:focus {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #d9edf7;
}

.copy-link:hover {
  color: white;
  background-color: #3c8aae;
  border-color: #3c8aae;
}

.copy-link:active:focus {
  font-weight: 400;
  color: white;
  background-color: #88b5c9;
  border-color: #88b5c9;
}

/* Hover Styles */
.form-group div:hover > select:not(.one-element-select),
.select-by-picture li:hover > .list-group-item,
.spincontainer:hover,
.input-group:hover > input,
.panel-default:hover {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3);
  transition: all 0.2s ease-in;
}

/* Content Header Carousel Styles */
.content-header-carousel ul li a span {
  background-size: contain !important;
}

.content-header-carousel ul {
  height: calc(100vw / 5);
}

/* Add to Cart Styles */
.add-to-cart-cart,
.order-cart {
  font-weight: 800 !important;
  background-color: #4688ce;
  border-color: #4688ce;
}

.add-to-cart-cart:hover {
  background-color: #386fa5 !important;
  border-color: #386fa5 !important;
}

/* Volume Box Styles */
.one-line-price-col .col-box-volume.bg-success,
.col-box-volume {
  min-height: 36px;
}

/* Button Animation Styles */
.btn-info:hover {
  color: #fff;
  background-color: #00776f;
  border-color: #00534e;
  transition: all 0.2s ease-in;
}

/* End of Optimized CSS Code */