/* 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;
  }
}

/* Mega menu bg overlay */
@media (min-width: 993px) {
  .site-content:after {
    background: #3d4e2f96;
  }
}

/* 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;
}

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

@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: #3e4f2f;
    border-top: 1px solid #3e4f2f;
    border-bottom: 1px solid #3e4f2f;
    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;
  }
}

/* ACF option banners shortcode */
#d2-banners-section {
  margin: 24px 0;
}

#d2-banners-section .d2-banners-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

#d2-banners-section .d2-banner-card {
  flex: 0 0 calc(50% - 12px);
  min-width: 0;
}

#d2-banners-section .d2-banner-link {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 220px;
  padding: 16px;
  height: 100%;
  color: #111;
  border: 1px solid #dde4ec;
  border-radius: 12px;
  background-color: #f5f8fb;
  text-decoration: none;
  overflow: hidden;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

#d2-banners-section .d2-banner-badge {
  position: absolute;
  top: 16px;
  left: 0px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: calc(100% - 24px);
  padding: 4px 10px;
  border-radius: 0 4px 4px 0;
  background-color: #ffd031;
  color: #111;
  font-family: Bricolage Grotesque;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  pointer-events: none;
}

#d2-banners-section .d2-banner-link:hover {
  border-color: #92a0b0;
}

#d2-banners-section .d2-banner-media {
  flex: 0 0 38%;
}

#d2-banners-section .d2-banner-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;
}

#d2-banners-section .d2-banner-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  padding: 20px 24px;
}

#d2-banners-section .d2-banner-title {
  margin: 0;
  font-size: 24px;
  line-height: 1.2;
  color: #111;
}

#d2-banners-section .d2-banner-description {
  margin: 0;
  line-height: 1.45;
  color: #3f4953;
}

#d2-banners-section .d2-banner-description p {
  margin: 0;
}

#d2-banners-section .d2-banner-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  margin-top: 6px;
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid #3e4f2f;
  background-color: #3e4f2f;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 992px) {
  #d2-banners-section .d2-banner-card {
    flex: 0 0 100%;
  }

  #d2-banners-section .d2-banner-link {
    min-height: 200px;
  }

  #d2-banners-section .d2-banner-content {
    padding: 18px;
  }

  #d2-banners-section .d2-banner-title {
    font-size: 20px;
  }
}

@media (max-width: 576px) {
  #d2-banners-section .d2-banner-media {
    flex-basis: 34%;
  }

  #d2-banners-section .d2-banner-badge {
    top: 10px;
    left: 10px;
    padding: 4px 8px;
    font-size: 11px;
  }

  #d2-banners-section .d2-banner-title {
    font-size: 18px;
  }

  #d2-banners-section .d2-banner-button {
    min-height: 34px;
    padding: 6px 12px;
    font-size: 13px;
  }
}

/* CODE FROM CUSTOMIZER */

/* Utilities */
.d-none {
  display: none !important;
}

.overflow-y-hidden {
  overflow-y: auto;
}

@media (max-width: 996px) {
  .lwoocommerce-store-notice {
    z-index: 2;
  }
}

/* Fix pagination */
@media (max-width: 992px) {
  .woocommerce-pagination .page-numbers li {
    margin: 0 1px 6px;
  }
}

/* Categories -> Shortcode block */
.izpostavljene-kategorije ul.products li.product-category img {
  border-radius: 999px;
  border: 2px solid transparent;
}

.izpostavljene-kategorije ul.products li.product-category h2 {
  text-align: center;
}

ul.products li.product.product-category a:hover img {
  transform: scale(1);
  border: 2px solid #858064;
}

/* Menu underlines fix */
.menu-primary-menu-container > ul > li > a span:before,
.menu-primary-menu-container > ul > li.nolink > span:before {
  border-bottom: none;
}

/* Mega menu */
@media (min-width: 993px) {
  .main-navigation ul.menu li.full-width > .sub-menu-wrapper li.menu-item-has-children > a {
    margin-bottom: 12px;
    text-transform: uppercase;
  }

  .main-navigation ul.menu li.full-width > .sub-menu-wrapper li.menu-item-has-children > a:hover {
    text-decoration: underline;
  }
}

/* Mobile menu */
.d2-mobile-menu .d2-cta-button {
  text-align: center;
  background-color: #e7f0ff;
  color: #000000;
  display: block;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
  text-decoration: none;
  border-radius: 4px;
  padding: 12px 16px;
}

/* Custom product landing template */
.product-template-single-product-landing .commercekit-Tabs-panel--description {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  max-width: 100% !important;
}

.product-template-single-product-landing #commercekit-atc-tabs-wrap {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 996px) {
  .product-template-single-product-landing .woocommerce-Tabs-panel:not(.commercekit-Tabs-panel--description) {
    padding-right: 1em;
    padding-left: 1em;
  }
}

/* Product -> Disclaimer */
.woocommerce-Tabs-panel .product-disclaimer .col-full {
  max-width: var(--gb-container-width);
  margin-left: auto;
  margin: 16px auto 16px auto;
  font-size: 14px;
  text-align: left;
  color: #555;
}

/* Product -> Sections */
section ul.list-check,
.single-product .woocommerce-product-details__short-description ul {
  list-style: none;
  margin-left: 2px;
}

section ul.list-check li,
.single-product .woocommerce-product-details__short-description li {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
}

section ul.list-check li:last-child,
.single-product .woocommerce-product-details__short-description li:last-child {
  margin-bottom: 0;
}

section ul.list-check li:not(:last-child) {
  margin-bottom: 16px;
}

section .list-check li::before,
.single-product .woocommerce-product-details__short-description li::before {
  content: "";
  text-align: center;
  display: block;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23367b00' viewBox='0 0 256 256'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  background-color: #f7fdf7;
  border: 1px solid #c3d9b2;
  border-radius: 50%;
  padding: 4px;
}

section ul.list-dividers li:not(:last-child) {
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.18);
}

section.section-dark ul.list-cards {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 16px;
  list-style-type: none;
  margin: 0 0 24px 0;
}

section.section-dark ul.list-cards li {
  flex: 1;
  gap: 16px;
  flex-direction: column;
  background-color: #445834;
  padding: 8px;
  border-radius: 8px;
  text-align: center;
  border: 1px solid #748368;
}

section.section-dark ul.list-cards li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffd031' viewBox='0 0 256 256'%3E%3Cpath d='M208,40H48A16,16,0,0,0,32,56v56c0,52.72,25.52,84.67,46.93,102.19,23.06,18.86,46,25.27,47,25.53a8,8,0,0,0,4.2,0c1-.26,23.91-6.67,47-25.53C198.48,196.67,224,164.72,224,112V56A16,16,0,0,0,208,40ZM120,96a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm8,88a12,12,0,1,1,12-12A12,12,0,0,1,128,184Z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  line-height: 1;
  background-color: transparent;
  border-width: 0px;
}

section ul.list-cards li {
  margin-bottom: 0 !important;
}

@media (max-width: 992px) {
  section.section-dark ul.list-cards li {
    font-size: 13px;
  }
}

section.section-dark .btn-cta {
  color: #000;
  background-color: #ffd031;
}

section.section-dark .btn-cta:hover {
  color: #000;
  background-color: #ffdc66;
}

section ul.list-center {
  list-style: none;
  margin: 0;
  padding: 0;
}

section ul.list-center li:not(:last-child) {
  margin-bottom: 6px;
}

/* Product -> Table */
.single-product .woocommerce-product-attributes {
  border: 0px solid #f5f5f5;
}

.single-product .woocommerce-product-attributes th,
.single-product .woocommerce-product-attributes td {
  padding: 8px 16px !important;
  border: 0px !important;
}

.single-product .woocommerce-product-attributes tr:nth-child(even) {
  background-color: #f3f4f5;
}

.single-product .woocommerce-product-attributes-item__label {
  font-weight: 500;
}

/* Hide empty Tailwind injected blocks on single product pages */
.woocommerce-product-details__short-description + div.flex.min-h-\[46px\],
.summary div.min-h-\[46px\],
.summary div:has(> div.group-hover\/turn-messages) {
  display: none !important;
}

/* Header -> Main menu */
@media (min-width: 996px) {
  .main-navigation {
    margin-bottom: 6px;
  }

  .main-navigation ul li.menu-item.left-border {
    position: relative;
    padding-left: 0.55em;
  }

  .main-navigation ul li.menu-item.left-border::before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: calc(50% - 12px);
    height: 24px;
    width: 1px;
    background-color: #cfcdc3;
  }
}

@media (min-width: 1280px) {
  .main-navigation ul li.menu-item.left-border {
    padding-left: 21px;
  }
}

.main-navigation ul li.menu-item.cta-btn > a {
  background-color: #e7f0ff;
  line-height: 32px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
  padding: 0 12px;
}

.main-navigation ul li.menu-item.cta-btn > a:hover {
  background-color: #ffd031;
}

.main-navigation ul li.menu-item.tag-aktualno > a {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.main-navigation ul li.menu-item.tag-aktualno > a::after {
  content: "Aktualno";
  line-height: 12px;
  font-size: 10px;
  font-weight: 400;
  background-color: #ffd031;
  padding: 2px 6px;
  border-radius: 99px;
  margin-left: 6px;
  letter-spacing: 0;
}

#zadnje-objave .post-cats span {
  display: inline-block;
  background-color: #eff5ff;
  color: #747474;
  padding: 4px 8px;
  border-radius: 99px;
}

/* Product -> Wombat WQM */
/* Hide stock indicator */
.single-product:has(.wqm-qty) .in-stock {
  display: none;
}

.single-product .wqm-qty-wrapper {
  background-color: #fff;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #e2e2e2;
}

.single-product .wqm-qty-wrapper .wqm-qty-label {
  font-size: 18px;
  font-weight: 500;
}

.single-product .wqm-swatch .wqm-inner {
  border-color: #e2e2e2;
}

.single-product .wqm-swatch.selected .wqm-inner {
  background-color: #eeffee;
  border-color: #367b05;
}

/* WQM Swatches */
.single-product:has(.wqm-qty) .summary .quantity {
  display: none;
}
.single-product .summary .quantity.buttons_added {
  display: initial;
}

.single-product .wqm-dyo-swatches .wqm-heading {
  font-size: 16px;
  font-weight: 600;
}

.single-product .summary .wqm-dyo-swatches .wqm-right {
  font-size: 24px;
  font-weight: 800;
  color: #367b05;
}

@media (max-width: 996px) {
  .single-product .wqm-dyo-swatches .wqm-right {
    font-size: 21px;
  }
}

.single-product .wqm-dyo-swatches .wqm-swatch {
  -margin-top: 10px;
}

.single-product .wqm-dyo-swatches .wqm-swatch:first-child {
  margin-top: 0px;
}

.single-product .wqm-dyo-swatches .wqm-swatch:last-child {
  margin-bottom: 0px;
}

.single-product .wqm-dyo-swatches .wqm-highlight {
  background-color: #4d3c32;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.single-product .wqm-dyo-swatches .selected .wqm-highlight {
  background-color: #367b05;
}

/* WQM Swatches Wide */
.single-product .wqm-dyo-wide-swatches .wqm-heading {
  font-size: 16px;
  font-weight: 600;
}

.single-product .wqm-dyo-wide-swatches .wqm-right {
  font-size: 24px;
  font-weight: 800;
  color: #367b05;
}

@media (max-width: 996px) {
  .single-product .wqm-dyo-wide-swatches .wqm-right {
    font-size: 21px;
  }
}

.single-product .wqm-dyo-wide-swatches .wqm-swatch {
  -margin-top: 10px;
}

.single-product .wqm-dyo-wide-swatches .wqm-swatch:first-child {
  margin-top: 0px;
}

.single-product .wqm-dyo-wide-swatches .wqm-swatch:last-child {
  margin-bottom: 0px;
}

.single-product .wqm-dyo-wide-swatches .wqm-highlight {
  background-color: #4d3c32;
  color: #fff;
  font-weight: 600;
  font-size: 12px !important;
  padding: 5px 12px;
  text-align: center;
  top: 4px;
  right: 10px;
  border-radius: 88px;
}

.single-product .wqm-dyo-wide-swatches .selected .wqm-highlight {
  background-color: #367b05;
}

.single-product .wqm-dyo-wide-swatches .wqm-radio span {
  border: 1px solid #000;
}

.single-product .wqm-dyo-wide-swatches .selected .wqm-radio span {
  border-color: #000;
  background: #000;
  box-shadow: 0 0 0 1px #000;
  border: 3px solid #fff;
}

/* Product -> cgkit swatches */
.cgkit-as-wrap .cgkit-attribute-swatches .cgkit-attribute-swatch.cgkit-image > button.cgkit-swatch-selected:before {
  border: 2px solid #353c4e;
}

/* Product -> Images */
.single-product .product-details-wrapper .cg-main-swiper li {
  border-radius: 8px;
  overflow: hidden;
}
.single-product .product-details-wrapper .cg-thumb-swiper img {
  border-radius: 4px;
}

/* Product catalog */
li.product:not(.product-category):hover .woocommerce-image__wrapper img {
  border-radius: 4px;
}

ul.products li.product img {
  border-radius: 4px;
}

ul.products li.product:hover::before,
ul.products li.product:focus-within::before {
  border-radius: 6px;
}

.ckit-badge {
  opacity: 1;
}

/* Product -> Title */
.single-product .summary .product_title {
  font-size: 32px;
  line-height: 120%;
  font-weight: 700;
}

@media (max-width: 992px) {
  .single-product .summary .product_title {
    font-size: 22px;
  }
}

/* Product -> Short description*/
.woocommerce-product-details__short-description {
  font-size: 16px;
  line-height: 1.46;
}

div.product .summary form.cart {
  margin-top: 0;
}
.wqm-qty-wrapper {
  margin-top: 8px;
}

/* Product -> CTA */
@media (max-width: 992px) {
  body.single-product .product .cart .single_add_to_cart_button {
    font-size: 19px;
    font-weight: 600;
  }
}

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

/* Product -> Price */
.single-product .product-details-wrapper .summary > .price bdi,
.single-product .product-details-wrapper .price ins .amount,
.single-product .summary .price .amount bdi,
.single-product .summary .price .amount,
.single-product .summary .price ins {
  font-size: 27px;
  font-weight: 600;
  color: #dd0000;
}

.single-product .summary .price del .amount bdi {
  font-size: 16px;
  font-weight: 400;
  color: #494949;
}

.single-product .summary .woocommerce-variation-price .price bdi,
.single-product .summary .woocommerce-variation-price {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  display: none;
}

/* Product -> COmplenentary products slider */
.single-product .pdp-complementary-carousel bdi,
.single-product .pdp-complementary-carousel .price .amount,
.single-product .pdp-complementary-carousel ins .amount {
  color: #444;
  font-weight: 300;
  font-size: 13px;
}

.single-product .pdp-complementary--title {
  font-weight: 400;
}

.single-product .pdp-complementary--add-to-cart a {
  font-weight: 400;
}

/* Product -> CKIT prices */
.commercekit-order-bump bdi,
.commercekit-order-bump .amount,
.commercekit-order-bump ins .amount {
  color: #247d23;
  font-weight: 500;
}

.commercekit-order-bump del .amount bdi {
  color: #494949;
  font-weight: 400;
}

/* Product -> Sale badge */
.product-details-wrapper .product-label {
  border-radius: 99px;
  font-size: 11px;
  font-weight: 800;
  padding: 2px 6px;
  background-color: #dd0000;
}

/* Product -> BUTTON GLOW ANIMATION */
.single-product form.cart .single_add_to_cart_button {
  box-shadow: 0 0 0 0 rgb(55 199 73);
  animation: pulse 5s infinite;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(55, 199, 73, 0);
  }

  50% {
    box-shadow: 0 0 0 0 rgba(55, 199, 73, 0);
  }

  57% {
    box-shadow: 0 0 18px 8px rgba(55, 199, 73, 0.4);
  }

  64% {
    box-shadow: 0 0 0 0 rgba(55, 199, 73, 0);
  }

  71% {
    box-shadow: 0 0 18px 8px rgba(55, 199, 73, 0.4);
  }

  78% {
    box-shadow: 0 0 0 0 rgba(55, 199, 73, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(55, 199, 73, 0);
  }
}

.single-product form.cart .quantity {
  z-index: 1;
}

/* Product swatches -> Color */
.single-product [data-attribute="attribute_pa_barva"] button {
  height: 44px !important;
  width: 44px !important;
  border-radius: 999px !important;
  overflow: hidden;
}

.single-product [data-attribute="attribute_pa_barva"] button::before {
  border-radius: 999px;
}

.single-product [data-attribute="attribute_pa_barva"] img {
  border-radius: 999px !important;
  overflow: hidden;
  padding: 5px !important;
}

/* Product -> Benefits */
.shop-benefits-icons {
  border: 1px solid #d3e4ff;
  padding: 16px;
  border-radius: 6px;
  background-color: #f6faff;
}

.d2-mobile-menu .shop-benefits-icons {
  border: 0px solid #ebe4d8;
  padding: 0 0 8px 0;
  background-color: #fff;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e2e2;
}

.d2-mobile-menu .shop-benefits-icons .icon-list {
  align-items: center;
}

.shop-benefits-icons .icon-list {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.shop-benefits-icons .feature {
  position: relative;
  margin-bottom: 6px;
  padding-left: 32px;
}

.shop-benefits-icons strong {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.shop-benefits-icons span {
  display: block;
  font-size: 12px;
  line-height: 18px;
  color: #444;
}

.shop-benefits-icons .feature::before {
  content: "";
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
  height: 24px;
  width: 24px;
  left: 0;
  position: absolute;
  top: 3px;
}

@media (max-width: 992px) {
  .shop-benefits-icons .icon-list {
    gap: 4px;
    justify-content: space-between;
  }

  .shop-benefits-icons .feature {
    position: relative;
    width: calc(33% - 6px);
    margin-bottom: 0px;
    padding-left: 0px;
  }

  .shop-benefits-icons .feature {
    display: flex;
    flex-direction: column;
    text-align: center;
  }

  .shop-benefits-icons p {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.3;
  }

  .shop-benefits-icons .feature strong {
    font-size: 13px;
    margin-bottom: 8px;
    line-height: 1.2;
    font-weight: 4500;
  }

  .shop-benefits-icons .feature span {
    font-size: 12px;
    line-height: 1.2;
    display: none;
  }

  .shop-benefits-icons .feature::before {
    left: 0;
    position: relative;
    top: 0px;
    margin: 0 auto 4px auto;
  }
}

.shop-benefits-icons .kakovost::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23577cb7' viewBox='0 0 256 256'%3E%3Cpath d='M208,40H48A16,16,0,0,0,32,56v56c0,52.72,25.52,84.67,46.93,102.19,23.06,18.86,46,25.26,47,25.53a8,8,0,0,0,4.2,0c1-.27,23.91-6.67,47-25.53C198.48,196.67,224,164.72,224,112V56A16,16,0,0,0,208,40Zm0,72c0,37.07-13.66,67.16-40.6,89.42A129.3,129.3,0,0,1,128,223.62a128.25,128.25,0,0,1-38.92-21.81C61.82,179.51,48,149.3,48,112l0-56,160,0ZM82.34,141.66a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32l-56,56a8,8,0,0,1-11.32,0Z'%3E%3C/path%3E%3C/svg%3E");
}

.shop-benefits-icons .kupci::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23577cb7' viewBox='0 0 256 256'%3E%3Cpath d='M216,88H168V40a16,16,0,0,0-16-16H104A16,16,0,0,0,88,40V88H40a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16H88v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V168h48a16,16,0,0,0,16-16V104A16,16,0,0,0,216,88Zm0,64H160a8,8,0,0,0-8,8v56H104V160a8,8,0,0,0-8-8H40V104H96a8,8,0,0,0,8-8V40h48V96a8,8,0,0,0,8,8h56Z'%3E%3C/path%3E%3C/svg%3E");
}

.shop-benefits-icons .druzina::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23577cb7' viewBox='0 0 256 256'%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216ZM80,108a12,12,0,1,1,12,12A12,12,0,0,1,80,108Zm96,0a12,12,0,1,1-12-12A12,12,0,0,1,176,108Zm-1.07,48c-10.29,17.79-27.4,28-46.93,28s-36.63-10.2-46.92-28a8,8,0,1,1,13.84-8c7.47,12.91,19.21,20,33.08,20s25.61-7.1,33.07-20a8,8,0,0,1,13.86,8Z'%3E%3C/path%3E%3C/svg%3E");
}

.shop-benefits-icons .podpora::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23570033' viewBox='0 0 256 256'%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216ZM80,108a12,12,0,1,1,12,12A12,12,0,0,1,80,108Zm96,0a12,12,0,1,1-12-12A12,12,0,0,1,176,108Zm-1.07,48c-10.29,17.79-27.4,28-46.93,28s-36.63-10.2-46.92-28a8,8,0,1,1,13.84-8c7.47,12.91,19.21,20,33.08,20s25.61-7.1,33.07-20a8,8,0,0,1,13.86,8Z'%3E%3C/path%3E%3C/svg%3E");
}

/* Product -> Related section */

.related-wrapper {
  background-color: #f5f5f5;
}

/* Categories */
/* Categories -> Visual subcategories */
.tax-product_cat .woocommerce-products-header,
.woocommerce-shop .woocommerce-products-header {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
  align-items: initial;
}

.woocommerce-shop .woocommerce-products-header {
  padding-bottom: 24px;
}

.tax-product_cat .woocommerce-products-header .term-description,
.woocommerce-shop .woocommerce-products-header .term-description {
  padding: 0;
  padding-bottom: 8px;
}

.tax-product_cat #visual-subcategories,
.woocommerce-shop #visual-subcategories {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px 16px;
  text-align: left;
}

.tax-product_cat .term-description,
.woocommerce-shop .term-description {
  font-size: 16px;
  font-weight: 300;
}

.tax-product_cat .woocommerce-products-header__title {
  font-size: 32px;
  margin-bottom: 16px;
}

.tax-product_cat #visual-subcategories .category,
.woocommerce-shop #visual-subcategories .category {
  position: relative;
  display: flex;
  list-style: none;
  margin: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  color: #111;
  border: 1px solid #e2e2e2;
  border-radius: 6px;
  padding: 6px;
  width: calc(25% - 12px);
  z-index: 1;
}

.tax-product_cat #visual-subcategories .category:hover,
.woocommerce-shop #visual-subcategories .category:hover {
  border: 1px solid #e7f0ff;
  background-color: #e7f0ff;
}

.tax-product_cat #visual-subcategories img,
.woocommerce-shop #visual-subcategories img {
  width: 60px;
  height: 60px;
  margin-right: 12px;
  border-radius: 4px;
}

.tax-product_cat #visual-subcategories .title-cat,
.woocommerce-shop #visual-subcategories .title-cat {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 116%;
  color: #111;
}

@media (max-width: 993px) {
  .tax-product_cat #visual-subcategories .category,
  .woocommerce-shop #visual-subcategories .category {
    width: calc(50% - 10px);
    padding: 6px;
  }

  .tax-product_cat #visual-subcategories img,
  .woocommerce-shop #visual-subcategories img {
    width: auto;
    height: 36px;
    margin-right: 10px;
  }
}

@media (max-width: 576px) {
  .tax-product_cat #visual-subcategories,
  .woocommerce-shop #visual-subcategories {
    margin-bottom: 16px;
    gap: 8px 8px;
  }

  .tax-product_cat #visual-subcategories .category,
  .woocommerce-shop #visual-subcategories .category {
    width: calc(50% - 4px);
    padding: 0 4px 0 0;
  }

  .tax-product_cat #visual-subcategories img,
  .woocommerce-shop #visual-subcategories img {
    width: auto;
    height: 46px;
    margin-right: 8px;
  }

  .tax-product_cat #visual-subcategories .title-cat,
  .woocommerce-shop #visual-subcategories .title-cat {
    font-size: 12px;
    line-height: 110%;
  }
}

/* Product cards */

ul.products li.product img {
  border-radius: 8px;
}

@media (max-width: 992px) {
  .related.products ul.products li.product,
  .upsells.products ul.products li.product,
  .cross-sells ul.products li.product,
  .mobile-scroll ul.products li.product {
    background-color: #fff;
    border-radius: 8px;
  }

  .related.products ul.products li.product .woocommerce-card__header,
  .upsells.products ul.products li.product .woocommerce-card__header,
  .cross-sells ul.products li.product .woocommerce-card__header,
  .mobile-scroll ul.products li.product .woocommerce-card__header {
    background-color: #fff;
    border-radius: 0 0 8px 8px;
  }

  ul.products li.product img,
  .upsells.products ul.products li.product .woocommerce-card__header,
  .cross-sells ul.products li.product .woocommerce-card__header,
  .mobile-scroll ul.products li.product .woocommerce-card__header {
    border-radius: 8px 8px 0px 0px;
  }
}

/* Product card -> Price */
ul.products .price bdi,
ul.products .price ins .amount,
ul.products .price .amount bdi,
ul.products .price .amount,
ul.products .price ins {
  font-size: 14px;
  font-weight: 500;
  color: #247d23;
}

ul.products .price del .amount bdi {
  font-size: 13px;
  font-weight: 400;
  color: #6b6b6b;
}

/* Product card -> Badges (cgkit) */
li.product .onsale,
.product-label.type-bubble {
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
  padding: 3px 6px;
  line-height: 15px;
}

.ckit-badge::before {
  content: "";
  display: inline-block;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='8' fill='none'%3E%3Cpath fill='%23000' d='M10.772 1.471 4.269 7.754a.88.88 0 0 1-1.221 0L.26 5.062A.86.86 0 0 1 0 4.458a.85.85 0 0 1 .53-.796.88.88 0 0 1 .952.177l2.177 2.103L9.552.25a.88.88 0 0 1 1.231.01.85.85 0 0 1-.01 1.212zM17.75.257A.87.87 0 0 0 17.136 0a.88.88 0 0 0-.62.247l-5.89 5.695-.572-.552a.88.88 0 0 0-1.232.01.85.85 0 0 0 .011 1.212l1.182 1.142a.88.88 0 0 0 1.221 0l6.503-6.283A.86.86 0 0 0 18 .868a.84.84 0 0 0-.25-.608z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='8' fill='none'%3E%3Cpath fill='%23000' d='M10.772 1.471 4.269 7.754a.88.88 0 0 1-1.221 0L.26 5.062A.86.86 0 0 1 0 4.458a.85.85 0 0 1 .53-.796.88.88 0 0 1 .952.177l2.177 2.103L9.552.25a.88.88 0 0 1 1.231.01.85.85 0 0 1-.01 1.212zM17.75.257A.87.87 0 0 0 17.136 0a.88.88 0 0 0-.62.247l-5.89 5.695-.572-.552a.88.88 0 0 0-1.232.01.85.85 0 0 0 .011 1.212l1.182 1.142a.88.88 0 0 0 1.221 0l6.503-6.283A.86.86 0 0 0 18 .868a.84.84 0 0 0-.25-.608z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-repeat: no-repeat;
  background-size: 18px 8px;
  height: 8px;
  width: 18px;
  margin-right: 6px;
  background-color: #000;
}

.ckit-badge {
  font-size: 14px;
  font-weight: 400;
  border-radius: 4px;
  padding: 3px 6px;
  border: 1px solid #b3b3b3;
}

@media (max-width: 992px) {
  .ckit-badge {
    font-size: 12px;
  }
  .ckit-badge::before {
    display: none;
  }

  li.product .onsale,
  .product-label.type-bubble {
    font-size: 12px;
  }
}

/* Custom ckit badges */
.ckit-badge-1 {
  color: #000 !important;
  border-color: #a27d00;
}
.ckit-badge-1::before {
  background-color: #000;
}

.ckit-badge-2 {
  color: #000 !important;
  border-color: #21a346;
}
.ckit-badge-2::before {
  background-color: #21a346;
}

/* Sidebar -> FacetWP */
/* Hides the wrapper if the facet gets the hidden class OR if the facet is completely empty */
.custom-facet-wrap:has(.facetwp-facet.facetwp-hidden),
.custom-facet-wrap:has(.facetwp-facet:empty) {
  display: none;
}

.facetwp-filters {
  border: 1px solid #ddd;
  border-radius: 8px;
}

.facetwp-filters .custom-facet-wrap {
  border-bottom: 1px solid #ddd;
  padding: 16px;
}

.facetwp-filters .custom-facet-wrap:last-child {
  border-bottom-width: 0px;
  padding: 16px;
}

.facetwp-filters .facetwp-facet {
  margin-bottom: 0;
}

.custom-facet-wrap .facet-title {
  display: block;
  color: #000;
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 400;
}

.custom-facet-wrap .facetwp-counter {
  color: #838383;
}

.custom-facet-wrap .facetwp-slider-reset {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
  border-radius: 8px;
  padding: 4px 12px;
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  box-shadow: none;
}

.custom-facet-wrap .facetwp-slider-reset:hover {
  background-color: #d3e4ff;
}

.custom-facet-wrap .noUi-horizontal .noUi-handle {
  border-radius: 999px;
  top: -8px;
}

.custom-facet-wrap .noUi-horizontal {
  height: 6px;
}

.custom-facet-wrap .noUi-target {
  border: 1px solid #d3e4ff;
}

.custom-facet-wrap .noUi-connect {
  background: #d3e4ff;
}

/* FacetWP -> Toggle */
.facetwp-toggle {
  font-size: 14px;
  color: #367b05 !important;
}

.facetwp-toggle:hover {
  font-size: 14px;
  color: #2c2d33 !important;
}

/* FacetWP -> Pagination */
.woocommerce-pagination .page-numbers li span,
.woocommerce-pagination .page-numbers li a {
  border: 1px solid transparent;
  border-radius: 4px;
}

.woocommerce-pagination .page-numbers li span.page-numbers.current {
  color: #000;
  border: 1px solid #e7f0ff;
  background-color: #e7f0ff;
}

.woocommerce-pagination li a:hover {
  border: 1px solid #8ba0c3;
}

#secondary .widget {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom-width: 0px;
}

/* Sidebar -> Karmen */
.sidebar-karmen .img {
  position: relative;
  display: block;
  margin: 0 auto 24px auto;
  overflow: hidden;
  height: 140px;
  width: 140px;
}

.sidebar-karmen .img img {
  border-radius: 999px;
  border: 4px solid #ffd031;
}

.sidebar-karmen .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 12px;
}

.sidebar-karmen .subtitle {
  font-size: 14px;
  line-height: 140%;
  margin-bottom: 8px;
}

.sidebar-karmen .text {
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 136%;
  background: #e7f0ff;
  padding: 16px;
  border-radius: 16px;
  margin-top: 16px;
}

.sidebar-karmen .text::before {
  content: "\201D";
  font-family: Bricolage Grotesque;
  position: absolute;
  top: 6px;
  right: 16px;
  font-size: 64px;
}

@media (max-width: 992px) {
  .widget-area .textwidget .sidebar-karmen img {
    max-width: 100%;
  }

  .sidebar-karmen {
    text-align: center;
  }
}

/* Sidebar prednosti */
#sidebar-prednosti {
  padding: 16px;
  background-color: #e7f0ff;
  margin-bottom: 0;
  border-radius: 8px;
}

#sidebar-prednosti p {
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  font-family: Bricolage Grotesque;
  color: #000;
}

#sidebar-prednosti ul {
  margin-bottom: 0;
}

#sidebar-prednosti ul li {
  font-size: 14px;
  position: relative;
  margin-bottom: 3px;
  margin-left: 22px;
  list-style: none;
  color: #000;
  font-weight: 400;
}

#sidebar-prednosti ul li:before,
.elementor-widget-sidebar #sidebar-prednosti ul li:before {
  position: absolute;
  top: -3px;
  left: -22px;
  content: "\2714";
  display: block;
  width: 17px;
  height: 23px;
  color: #489771;
  font-size: 18px;
}

/* Header/Footer -> Benefits bar */
.header-widget-region .widget {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.below-content {
  background-color: #ffd031;
  padding-top: 16px;
  padding-bottom: 16px;
  border-top: 0px solid #eee;
}

#benefitsHeader,
#benefitsFooter {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

#benefitsHeader .benefit,
#benefitsFooter .benefit {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  padding: 12px 0;

  align-items: center;
}

#benefitsFooter .benefit {
  flex-direction: column;
  gap: 4px;
  text-align: center;
  width: 20%;
}

#benefitsHeader .title {
  font-size: 14px;
  font-weight: 400;
  line-height: 124%;
}

#benefitsFooter .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 124%;
}

#benefitsHeader .text,
#benefitsFooter .text {
  font-size: 14px;
  font-weight: 300;
  line-height: 124%;
}

#benefitsHeader .icon {
  height: 18px;
  width: auto;
}

#benefitsFooter .icon {
  height: 24px;
  width: auto;
  margin-bottom: 6px;
}

@media (max-width: 996px) {
  #benefitsHeader,
  #benefitsFooter {
    gap: 20px;
    align-items: center;
  }

  #benefitsHeader .title,
  #benefitsFooter,
  title {
    font-size: 12px;
    text-align: left;
  }

  #benefitsHeader .benefit {
    gap: 6px;
  }
}

@media (max-width: 767px) {
  #benefitsHeader,
  #benefitsFooter {
    gap: 20px;
    align-items: center;
    overflow-y: auto;
  }

  #benefitsFooter {
    flex-wrap: wrap;
  }

  #benefitsFooter .benefit {
    width: calc(50% - 10px);
  }

  #benefitsHeader .title {
    font-size: 12px;
    text-align: left;
  }

  #benefitsFooter .title {
    font-size: 14px;
  }
  #benefitsFooter .text {
    font-size: 12px;
  }

  #benefitsHeader .benefit,
  #benefitsFooter .benefit {
    gap: 6px;
    flex-shrink: 0;
  }
}

/* Footer -> Mailerlite form */
#signupFooter {
  background-color: #fff;
  color: #000;
  padding-top: 32px;
  padding-bottom: 24px;
}

.signup-content {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
}

.signup-text-group {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  width: 50%;
}

.signup-text-group .signup-icon {
  width: 40px;
  height: auto;
  opacity: 0.7;
}

.signup-text-group .title {
  display: block;
  font-family: Bricolage Grotesque;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 4px;
}

.signup-text-group .text {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: 0;
}

.signup-form-group {
  width: 50%;
}

.signup-form-group .extra-text {
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 0;
  color: #666;
  text-align: center;
}

#mlb2-41265990.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent.horozintalForm {
  padding: 0 0 8px 0 !important;
}

#mlb2-41265990.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody,
#mlb2-41265990.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody {
  padding: 0 !important;
}

#mlb2-41265990.ml-form-embedContainer
  .ml-form-embedWrapper
  .ml-form-embedBody
  .ml-form-embedPermissions
  .ml-form-embedPermissionsContent.horizontal {
  margin: 0 0 0px 0 !important;
}

@media (max-width: 992px) {
  .signup-content {
    flex-direction: column;
    gap: 16px;
    align-items: center;
  }

  .signup-text-group .title {
    margin-bottom: 6px;
  }

  .signup-text-group {
    justify-content: center;
  }

  .signup-text-group,
  .signup-form-group {
    width: 100%;
  }
}

@media (min-width: 768px) {
  /* Header -> Middle menu */
  .main-header.col-full {
    display: flex;
    align-items: center;
  }

  .site-branding {
    order: 1;
  }

  /* Fix for simple header on checkout */
  .woocommerce-checkout .site-branding {
    order: initial;
  }

  .mobile-search-toggle {
    order: 2;
  }
  .site-search {
    order: 3;
  }

  .custom-mid-menu-wrapper {
    order: 4; /* Forces menu to sit directly after search */
    margin: 0 0 0 30px;
    z-index: 99;
  }

  .site-header-cart {
    order: 5;
  }
}

/* Checkout -> GLS */
.wgl-proxy-parcel-shop {
  border-radius: 4px;
}

.wgl-proxy-parcel-shop:hover {
  opacity: 0.7;
}

/* Checkout -> Trust icons */
#checkout-varnost img {
  height: 32px !important;
  width: auto;
}

/* --- 2. STYLE THE TOP LEVEL MENU --- */
ul.custom-mid-menu {
  display: flex;
  gap: 14px;
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 1292px) {
  ul.custom-mid-menu {
    display: none;
  }
}

ul.custom-mid-menu > li {
  position: relative;
  padding: 15px 0;
}

ul.custom-mid-menu > li > a {
  text-decoration: none;
  color: #333;
  font-weight: 300;
  font-size: 14px;
}

/* --- 3. STYLE & HIDE THE DROPDOWN --- */
ul.custom-mid-menu li .sub-menu {
  position: absolute;
  top: 100%;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px); /* Creates a smooth slide-up effect */
  transition: all 0.2s ease-in-out;
  min-width: 200px;
  background-color: #ffffff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  border: 1px solid #eeeeee;
  padding: 10px 0;
  margin: 0;
  z-index: 99999;
  list-style: none;
}

/* --- 4. SHOW DROPDOWN ON HOVER --- */
ul.custom-mid-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* --- 5. STYLE DROPDOWN LINKS --- */
ul.custom-mid-menu li .sub-menu li a {
  display: block;
  padding: 8px 20px;
  color: #555555;
  text-decoration: none;
  font-size: 14px;
  transition: background-color 0.2s;
}

ul.custom-mid-menu li .sub-menu li a:hover {
  background-color: #f3f1e7;
  color: #000000;
  cursor: pointer;
}

/* Menu item caret */
ul.custom-mid-menu > li.menu-item-has-children > a:after {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9L12 16L5 9' stroke='%234A5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9L12 16L5 9' stroke='%234A5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  display: inline-block;
  position: relative;
  top: 1px;
  margin-left: 2px;
  width: 12px;
  height: 12px;
  content: "";
  background-color: #fff;
  transition: transform 0.4s;
}

ul.custom-mid-menu > li.menu-item-has-children > a::after {
  background-color: #000;
}

ul.custom-mid-menu > li.menu-item-has-children:hover > a:after {
  transform: rotate(180deg);
}

/* Custom mini cart icon */
.shoptimizer-cart .amount {
  display: block !important;
}

.shoptimizer-cart > a.cart-contents {
  display: flex;
  flex-direction: row-reverse;
  gap: 8px;
  align-items: center;
}

@media (max-width: 993px) {
  .shoptimizer-cart > a.cart-contents .woocommerce-Price-amount {
    display: none !important;
  }
}

.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' fill='none'%3E%3Cpath fill='%23000' d='M11.172 22.154c0 .365-.109.722-.314 1.026a1.86 1.86 0 0 1-.835.68 1.88 1.88 0 0 1-2.03-.4 1.84 1.84 0 0 1-.403-2.013c.14-.337.38-.625.686-.828a1.874 1.874 0 0 1 2.351.23c.35.346.545.815.545 1.305m10.242-1.846c-.369 0-.729.108-1.035.31a1.85 1.85 0 0 0-.686.83 1.83 1.83 0 0 0 .404 2.011 1.87 1.87 0 0 0 2.03.4c.34-.14.63-.376.835-.68a1.835 1.835 0 0 0-.232-2.33 1.87 1.87 0 0 0-1.316-.541m5.552-14.523-2.984 10.648a2.78 2.78 0 0 1-1 1.46 2.8 2.8 0 0 1-1.685.569H9.794a2.8 2.8 0 0 1-1.691-.565 2.78 2.78 0 0 1-1.004-1.464L3.017 1.846H.93a.94.94 0 0 1-.658-.27.92.92 0 0 1 0-1.306A.94.94 0 0 1 .93 0h2.793c.204 0 .402.066.564.188s.279.294.333.488l1.104 3.94h20.344a.94.94 0 0 1 .741.364.92.92 0 0 1 .156.805m-2.123.677h-18.6l2.654 9.477a.92.92 0 0 0 .334.488c.162.122.36.188.563.188h11.503a.94.94 0 0 0 .564-.188.92.92 0 0 0 .334-.488z'/%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: -12px;
  margin-bottom: 12px;
  left: 0px;
  top: 0px;
  color: #111;
  font-size: 10px;
  font-size: 500;
  background-color: #d3e4ff;
  border: 1px solid #d3e4ff;
  width: 18px;
  height: 18px;
  line-height: 16px;
}

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

/* Cart, Mini cart */
.ckobp-before-you-go {
  font-weight: 400;
}

.commercekit-order-bump .ckobp-title {
  font-weight: 600;
}

/* Mobile header -> Icons */
@media (max-width: 992px) {
  .mobile-search-toggle svg,
  .shoptimizer-myaccount svg {
    width: 28px;
    height: 28px;
    pointer-events: none;
  }
}

/* Page hero */
#page-hero .rank-math-breadcrumb a {
  color: #fff;
}

#page-hero .rank-math-breadcrumb a:hover {
  opacity: 0.7;
}

/* Cart page */
@media (min-width: 993px) {
  table.cart td.actions .coupon {
    width: 100%;
  }
}

/* Accordion */
/* Summary/Details */
details {
  position: relative;
  padding: 16px;
  background-color: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  margin-bottom: 8px;
}

details.is-layout-flow summary + * {
  margin-top: 16px;
}

/* Hide default arrow for summary elements */
summary::marker {
  content: "";
}
.summary::-webkit-details-marker {
  display: none;
}

details > *:not(summary) {
  margin: 20px 0 0 0;
}

details summary {
  cursor: pointer;
  position: relative;
  font-weight: 500;
  padding-right: 40px;
  font-size: 18px;
}

@media (max-width: 992px) {
  details summary {
    font-size: 16px;
  }
}

details summary > * {
  display: inline;
  line-height: 1.5;
}

details:open {
  background-color: #f6faff;
}

details summary:hover {
  text-decoration: underline;
}

details summary::before {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  content: "";
  padding-right: 14px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'/%3E%3Cpolyline points='208 96 128 176 48 96' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center;
  height: 24px;
  width: 24px;
  background-color: #fff;
  border: 1px solid #cecece;
  border-radius: 999px;
}

details[open] summary::before {
  transform: rotate(180deg);
}

details[open] {
  border-color: #e7f0ff;
}

details ul {
  margin-left: 20px;
}

/* FOOTER */
footer .legal p {
  margin-right: 25px !important;
}

footer .legal p,
footer .legal ul {
  font-size: 13px;
  margin: 0;
  display: inline-block;
}

footer.copyright .legal .links {
  list-style-type: none;
}

footer .legal p,
footer .legal ul {
  font-size: 14px;
  display: inline-block;
}

footer.copyright .legal .links li {
  display: inline-block;
}

footer .legal li:not(:last-child) {
  margin-right: 8px;
}

footer .maker a {
  display: inline-flex;
  font-size: 12px !important;
  font-weight: 300;
  line-height: 24px;
  opacity: 0.7;
}

footer .maker img {
  padding-left: 8px;
  height: 20px !important;
  width: auto;
  opacity: 0.7;
  transition-duration: 0.3s;
}

footer .maker a:hover img {
  opacity: 1;
  transition-duration: 0.3s;
}

@media (max-width: 992px) {
  footer .maker {
    text-align: left;
  }
}

.site-footer {
  border-top: 1px solid #e7e6e1;
  border-bottom: 1px solid #e7e6e1;
}

.site-footer .title {
  font-size: 16px;
}

.site-footer .text {
  font-size: 14px;
}

footer.site-footer li {
  font-size: 15px;
  line-height: 1.5;
}

.site-footer .links {
  font-size: 15px;
  list-style: initial;
  margin-left: 25px;
}

.site-footer .account,
.site-footer .location {
  margin-top: 32px;
}

footer.copyright {
  padding: 1rem 0;
  margin-top: 0px !important;
}

footer.copyright a,
footer.copyright p {
  opacity: 0.8;
}

footer.copyright a {
  font-size: 12px;
}

.site-footer .badges {
  height: 38px;
  width: auto;
}

/* Cookie Consent */
.cky-notice-btn-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 16px;
}

.cky-consent-container .cky-consent-bar {
  border: 1px solid #e7e6e1 !important;
  padding: 24px !important;
  box-shadow: none !important;
  border-radius: 16px !important;
}

.cky-consent-container {
}

.cky-consent-container .cky-title {
  display: none;
}

.cky-consent-bar .cky-notice-des p {
  color: #333 !important;
  line-height: 1.5;
  font-weight: 300;
}

.cky-policy {
  color: #212121 !important;
}
.cky-notice-btn-wrapper .cky-btn {
  border-width: 1px;
  font-family: Bricolage Grotesque;
  border-radius: 8px;
}

.cky-notice-btn-wrapper .cky-btn:hover {
  opacity: 0.8;
}

.cky-notice-btn-wrapper .cky-btn-accept {
  font-family: Bricolage Grotesque;
  padding: 8px 16px;
  position: relative;
  background-color: #367b05 !important;
  border-color: #367b05 !important;
  font-size: 15px;
  font-weight: 500;
}

.cky-btn-reject {
  padding-left: 18px;
  flex: auto;
  border-color: #367b05 !important;
  color: #000 !important;
}

.cky-btn-accept:hover {
  background-color: #0c8115 !important;
  border-color: #0c8115 !important;
}

.cky-btn-accept:before {
  content: "";
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  margin-right: 10px;
  margin-bottom: -5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'/%3E%3Cpolyline points='40 144 96 200 224 72' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='28'/%3E%3C/svg%3E");
  height: 19px;
  width: 19px;
}

@media (max-width: 440px) {
  .cky-consent-container .cky-consent-bar {
    border-radius: 16px 16px 0px 0px !important;
  }
}