/* Load custom local fonts (Downloaded Google fonts) */
/* ==========================================
   BRICOLAGE GROTESQUE
========================================== */
/* 1. Latin Extended (For Č, Š, Ž, Ć, Đ, etc.) */
@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src:
    url("../fonts/bricolage-grotesque-latin-ext-wght-normal.woff2") format("woff2-variations"),
    url("../fonts/bricolage-grotesque-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range:
    U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113,
    U+2C60-2C7F, U+A720-A7FF;
}

/* 2. Standard Latin (For A-Z, 0-9, basic punctuation) */
@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src:
    url("../fonts/bricolage-grotesque-latin-wght-normal.woff2") format("woff2-variations"),
    url("../fonts/bricolage-grotesque-latin-wght-normal.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074,
    U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ==========================================
   OUTFIT
========================================== */
/* 1. Latin Extended (For Č, Š, Ž, Ć, Đ, etc.) */
@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src:
    url("../fonts/outfit-latin-ext-wght-normal.woff2") format("woff2-variations"),
    url("../fonts/outfit-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range:
    U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113,
    U+2C60-2C7F, U+A720-A7FF;
}

/* 2. Standard Latin (For A-Z, 0-9, basic punctuation) */
@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src:
    url("../fonts/outfit-latin-wght-normal.woff2") format("woff2-variations"),
    url("../fonts/outfit-latin-wght-normal.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074,
    U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@media (min-width: 993px) {
  body.header-5 .site-header .site-header-cart {
    height: auto;
    margin-left: 32px;
  }

  body.header-5 .shoptimizer-cart a.cart-contents {
    height: auto;
    line-height: 100%;
    padding: 0px 0px;
    border-width: 0;
    border-image: initial;
    border-radius: 2px;
  }
}

@media (min-width: 1280px) {
  body .main-navigation ul li {
    margin-right: 20px;
  }
}

/* Custom mini cart icon */
body .shoptimizer-cart .shoptimizer-cart-icon {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 3px;
  align-items: center;
}

body .shoptimizer-cart .shoptimizer-cart-icon svg {
  display: none;
}

body .shoptimizer-cart .shoptimizer-cart-icon::before {
  content: "";
  display: block;
  width: 27px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='24' viewBox='0 0 27 24' fill='none'%3E%3Cpath d='M11.1723 22.1538C11.1723 22.519 11.0631 22.8759 10.8585 23.1795C10.6539 23.4831 10.3631 23.7197 10.0229 23.8595C9.68261 23.9992 9.30822 24.0358 8.94701 23.9645C8.58581 23.8933 8.25402 23.7175 7.99361 23.4593C7.7332 23.2011 7.55585 22.8721 7.484 22.514C7.41216 22.1559 7.44903 21.7847 7.58997 21.4474C7.7309 21.11 7.96957 20.8217 8.27578 20.6188C8.58199 20.416 8.942 20.3077 9.31028 20.3077C9.80413 20.3077 10.2778 20.5022 10.627 20.8484C10.9762 21.1946 11.1723 21.6642 11.1723 22.1538ZM21.4137 20.3077C21.0454 20.3077 20.6854 20.416 20.3791 20.6188C20.0729 20.8217 19.8343 21.11 19.6933 21.4474C19.5524 21.7847 19.5155 22.1559 19.5874 22.514C19.6592 22.8721 19.8366 23.2011 20.097 23.4593C20.3574 23.7175 20.6892 23.8933 21.0504 23.9645C21.4116 24.0358 21.786 23.9992 22.1262 23.8595C22.4665 23.7197 22.7573 23.4831 22.9619 23.1795C23.1665 22.8759 23.2757 22.519 23.2757 22.1538C23.2757 21.6642 23.0795 21.1946 22.7303 20.8484C22.3811 20.5022 21.9075 20.3077 21.4137 20.3077ZM26.9661 5.78538L23.9821 16.4331C23.8181 17.0147 23.4672 17.5275 22.9827 17.8935C22.4981 18.2596 21.9064 18.459 21.2973 18.4615H9.79442C9.18347 18.4613 8.58937 18.2629 8.10274 17.8966C7.6161 17.5304 7.26364 17.0164 7.09909 16.4331L3.01653 1.84615H0.931028C0.684104 1.84615 0.447294 1.7489 0.272692 1.57579C0.0980902 1.40268 0 1.16789 0 0.923077C0 0.678262 0.0980902 0.443473 0.272692 0.270363C0.447294 0.0972525 0.684104 1.70497e-08 0.931028 1.70497e-08H3.72411C3.92766 -3.87575e-05 4.12561 0.0660595 4.28767 0.188176C4.44972 0.310293 4.56694 0.481699 4.62139 0.676154L5.72466 4.61538H26.0688C26.2123 4.61536 26.3539 4.64823 26.4825 4.71144C26.6111 4.77465 26.7232 4.86648 26.8101 4.97976C26.897 5.09304 26.9562 5.2247 26.9833 5.36445C27.0104 5.5042 27.0045 5.64827 26.9661 5.78538ZM24.8433 6.46154H6.24254L8.89714 15.9392C8.95159 16.1337 9.06881 16.3051 9.23087 16.4272C9.39292 16.5493 9.59087 16.6154 9.79442 16.6154H21.2973C21.5008 16.6154 21.6988 16.5493 21.8608 16.4272C22.0229 16.3051 22.1401 16.1337 22.1946 15.9392L24.8433 6.46154Z' fill='black'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

body.header-5 .shoptimizer-cart a.cart-contents .shoptimizer-cart-icon .mini-count {
  display: block;
  position: relative;
  margin-right: 0px;
  margin-left: 0px;
  left: 0px;
  top: 0px;
  color: #111;
  font-size: 10px;
  font-size: 500;
  background-color: #d0e8ff;
  border: 1px solid #d0e8ff;
  width: 18px;
  height: 18px;
  line-height: 16px;
}

body.header-5 .shoptimizer-cart a.cart-contents:hover .shoptimizer-cart-icon .mini-count {
  top: 3px;
}

/* Woocommerce Store Notice */
.demo_store a.woocommerce-store-notice__dismiss-link {
  display: none;
}

/* Hide woocommerce store notice on checkout page */
.woocommerce-checkout #page .woocommerce-store-notice {
  display: none !important;
}

.woocommerce-store-notice,
p.demo_store {
  text-align: center;
  color: #000;
  position: relative !important;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 10px;
  background-color: #f3f1e7;
  font-family: Bricolage Grotesque;
  font-size: 14px;
}

.woocommerce-store-notice,
p.demo_store > a {
  text-decoration: underline;
  font-weight: 400;
  color: #000;
}

.woocommerce-store-notice,
p.demo_store > a:hover {
  text-decoration: none;
  color: #000;
}

.woocommerce-demo-store footer:last-child {
  padding-bottom: 1rem;
}

p.woocommerce-store-notice {
  display: none !important;
}

#page .woocommerce-store-notice {
  display: block !important;
  z-index: 1;
}

@media (max-width: 576px) {
  .woocommerce-store-notice,
  p.demo_store {
    font-size: 13px;
    font-weight: 400;
    padding: 8px 6px;
  }
}

/* Category -> Show filters button on mobile + pagination fix */
@media (max-width: 992px) {
  .mobile-filter {
    transition:
      background-color 0.2s ease-in-out,
      color 0.2s ease-in-out;
  }

  .mobile-filter.is-stuck {
    color: #fff;
    background-color: #47a3ff;
    border-top: 1px solid #47a3ff;
    border-bottom: 1px solid #47a3ff;
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0);
  }
}

body.single-product .summary.entry-summary .onsale {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  padding: 1px 8px 1px 4px;
  background-color: #dd0000;
  text-transform: uppercase;
  clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
}

@media (min-width: 993px) {
  body.single-product .product .cart .single_add_to_cart_button {
    font-size: 18px;
  }

  body.woocommerce-product-details__short-description {
    font-size: 15px;
  }
}

body.single-product .commercekit-pdp-sticky-inner .price ins .amount {
  font-size: 16px;
  font-weight: 400;
}

/* Price Styling */
body ul.products li.product .price > .amount,
body ul.products li.product .price ins .amount {
  color: #000;
}

body ul.products li.product .price del .amount {
  color: #505050;
}

/* Product -> Hide default product_meta */
body.single-product .product_meta {
  display: none;
}

/* --- Product SKU/Brand Styles --- */
.pasjauniverza-product-meta {
  display: flex;
  flex-direction: row;
  gap: 24px;
  font-size: 13px;
  font-weight: 300;
  color: #666;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 8px;
  padding-bottom: 12px;
}

.pasjauniverza-sku-wrapper,
.pasjauniverza-brand-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3px;
}

.pasjauniverza-product-meta .value,
.pasjauniverza-product-meta .value a {
  font-weight: 500;
  color: #444;
}

.pasjauniverza-brand-wrapper .value a {
  text-decoration: underline;
}

.pasjauniverza-brand-wrapper .brand-value a:hover {
  color: #09224d;
}

.pasjauniverza-copy-sku-btn {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  margin-left: 2px;
  cursor: pointer;
  line-height: 1;
  opacity: 0.65;
  transition: opacity 0.2s;
}

.pasjauniverza-copy-sku-btn:hover {
  opacity: 1;
}

.pasjauniverza-copy-sku-btn svg {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}

/* --- Copy/Check Icon State --- */
.pasjauniverza-copy-sku-btn .copy-icon-wrap {
  display: inline-block;
  height: 20px;
}

.pasjauniverza-copy-sku-btn .check-icon-wrap {
  display: none;
  height: 20px;
}

.pasjauniverza-copy-sku-btn.is-copied .copy-icon-wrap {
  display: none;
}

.pasjauniverza-copy-sku-btn.is-copied .check-icon-wrap {
  display: inline-block;
}

.pasjauniverza-copy-sku-btn .check-icon-wrap {
  color: #006630;
}

.pasjauniverza-copy-sku-btn .check-icon-wrap .text {
  font-size: 12px;
}

.pasjauniverza-copy-sku-btn.is-copied {
  cursor: default;
  opacity: 1;
}

/* Homepage */
.bottom-gradient-white::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 280px;
  background: #ffffff;
  background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#370020", endColorstr="#370020", GradientType=0);
}

/* Product FAQs (tab) */
#product-faq-section .d2-faq-layout {
  display: flex;
  flex-direction: row;
  gap: 64px;
  align-items: center;
  width: 100%;
}

#product-faq-section .faq-answer p:last-child {
  margin-bottom: 0;
}

#product-faq-section .d2-faq-intro-column {
  flex: 0 0 30%;
  max-width: 30%;
  text-align: center;
}

#product-faq-section .d2-faq-list-column {
  flex: 1 1 0;
  min-width: 0;
}

#product-faq-section .d2-faq-intro-media {
  position: relative;
  margin-bottom: 16px;
}

#product-faq-section .d2-faq-intro-image {
  display: block;
  width: 70%;
  height: auto;
  border-radius: 999px;
  margin: 0 auto;
}

#product-faq-section .d2-faq-intro-caption {
  position: absolute;
  bottom: 32px;
  right: 8px;
  display: block;
  border-radius: 8px;
  background-color: #d3e4ff;
  color: #000;
  font-size: 14px;
  line-height: 1.4;
  color: #444;
  font-weight: 500;
  padding: 4px 12px;
}

#product-faq-section .d2-faq-intro-title {
  margin: 0 0 8px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
}

#product-faq-section .d2-faq-intro-text {
  margin-bottom: 12px;
  line-height: 1.4;
  color: #444;
}

#product-faq-section .d2-faq-list-column .faq-item + .faq-item {
  margin-top: 10px;
}

@media (max-width: 992px) {
  #product-faq-section .d2-faq-layout {
    flex-direction: column;
    gap: 24px;
  }

  #product-faq-section .d2-faq-intro-column,
  #product-faq-section .d2-faq-list-column {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }

  #product-faq-section .d2-faq-intro-title {
    font-size: 24px;
    line-height: 1.2;
  }
}
