

/* Shimano – externý sklad */
body.single-product:has(.product_meta a[href*="/shimano/"]) .single_variation .stock.available-on-backorder {
  font-size: 0;
}
body.single-product:has(.product_meta a[href*="/shimano/"]) .single_variation .stock.available-on-backorder::after {
  content: "Na externom sklade – doručenie do 7 pracovných dní";
  font-size: 16px;
  line-height: 1.5;
}

body.single-product:has(.product_meta a[href*="/shimano/"]) .single_variation .stock.available-on-backorder { font-size: 0 !important; }
body.single-product:has(.product_meta a[href*="/shimano/"]) .single_variation .stock.available-on-backorder::after { font-size: 16px !important; }
/* =========================================================
   EXTRAPRÍVLAČ – GLOBAL CSS (CLEAN FINAL)
   - odstránené duplicity (WCBoost, SearchWP Related, shipping rádio štýly)
   - ponechaná len 1 finálna verzia pre: WCBoost swatches, SearchWP related, shipping karty
   - doplnené: position:relative pre shipping li (kvôli skrytým rádio inputom)
   ========================================================= */


/* =========================================================
   FOOTER – links + left column (unified)
   ========================================================= */
ul.footer-links{
  list-style:none;
  padding:0;
  margin:0;
}


.cmplz-deny {
    display: inline !important;
}

ul.footer-links li{ margin-bottom:6px; }

.footer-left{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.8rem;
  text-align:left;
}
.footer-left img{
  max-width:150px;
  height:auto;
}

.footer-left .footer-contact{
  font-style:normal;
  color:#1a1a1a;
  font-size:.95rem;
  line-height:1.6;
  background:#fff;
  padding:1rem 1.2rem;
  border-radius:8px;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 1px 3px rgba(0,0,0,.05);
}
.footer-left .footer-contact p{ margin:0; }
.footer-left .footer-contact a{
  color:inherit;
  text-decoration:none;
}
.footer-left .footer-contact a:hover{ text-decoration:underline; }

.footer-left .footer-brand{
  display:block;
  font-size:1.1rem;
  font-weight:700;
  margin-bottom:.4rem;
  color:#005c9c;
}
.footer-left .footer-contact-line a{
  color:#0a7bdc!important;
  font-weight:600;
  text-decoration:none;
  transition:color .15s ease;
}
.footer-left .footer-contact-line a:hover{ color:#004e84; }

.footer-left .footer-map{
  margin-top:.8rem;
  border-radius:6px;
  overflow:hidden;
}
.footer-left .footer-map a{
  display:block;
  position:relative;
}
.footer-left .footer-map img{
  display:block;
  width:100%;
  height:auto;
}
.footer-map-btn{
  position:absolute;
  left:50%;
  bottom:10px;
  transform:translateX(-50%);
  background:rgba(0,0,0,.7);
  color:#fff;
  padding:6px 14px;
  border-radius:999px;
  font-size:.8rem;
  white-space:nowrap;
  letter-spacing:.02em;
}

.footer-social-newsletter a{
  color:inherit;
  text-decoration:none;
  margin:0 4px;
}
.footer-social-newsletter a:hover{ text-decoration:underline; }
.footer-social-newsletter form input,
.footer-social-newsletter form button{
  font-size:14px;
  border:1px solid #ccc;
  border-radius:4px;
}

.footer-efi{
  text-align:center;
  margin-top:20px;
}
.footer-efi img{
  max-width:100%;
  height:auto;
  border-radius:8px;
  transition:transform .3s ease;
}
.footer-efi img:hover{ transform:scale(1.03); }
.footer-efi-text{
  color:#ffffff;
  font-size:.95rem;
  margin:12px 0 8px 0;
}
.footer-efi-button{
  display:inline-block;
  padding:8px 16px;
  background-color:#FF6B00;
  color:#ffffff;
  text-decoration:none;
  font-weight:bold;
  border-radius:4px;
  transition:background-color .3s ease;
}
.footer-efi-button:hover{ background-color:#e55b00; }

@media (max-width:600px){
  .footer-left{
    align-items:center;
    text-align:center;
  }
  .footer-left .footer-contact{ padding:1rem; }
}

.footer-cards .footer-links{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));
  gap:12px;
  padding:0;
  margin:0;
  list-style:none;
}
.footer-cards .footer-chip{
  display:block;
  padding:12px 14px;
  border:1px solid #e5e7eb;
  border-radius:16px;
  background:#ffffff;
  font-weight:500;
  font-size:15px;
  color:#1f2937;
  text-decoration:none;
  transition:all .2s ease;
}
.footer-cards .footer-chip:hover{
  border-color:#16a34a;
  color:#16a34a;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  transform:translateY(-1px);
}
.footer-nav-title{
  margin-bottom:16px;
  font-size:18px;
  font-weight:700;
}
@media (max-width:640px){
  .footer-cards .footer-links{ grid-template-columns:repeat(2, 1fr); }
  .footer-cards .footer-chip{
    font-size:14px;
    padding:10px 12px;
  }
}

.footer-nav .footer-chip-featured{
  background:linear-gradient(135deg,#e6f2fb,#ffffff);
  border-color:#0a7bdc;
  color:#005c9c!important;
  font-weight:700;
}
.footer-nav .footer-chip-featured:hover{
  background:linear-gradient(135deg,#d9ecfa,#ffffff);
  box-shadow:0 3px 10px rgba(10,123,220,.18);
  transform:translateY(-2px);
}


/* =========================================================
   HOMEPAGE SEO text
   ========================================================= */
.homepage-seo-text{
  font-size:15px;
  color:#555;
  max-width:800px;
  margin:3rem auto;
  line-height:1.6;
  padding:0 1rem;
  text-align:center;
  opacity:.95;
}


/* =========================================================
   WOOCOMMERCE – pagination + archive descriptions (safe)
   ========================================================= */
.woocommerce-pagination{
  display:none !important;
}
.term-description,
.archive-description{
  position:absolute !important;
  left:-9999px !important;
  top:auto !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}


/* =========================================================
   CWG In Stock Notice – form styling
   ========================================================= */
.cwginstock-form-wrapper{
  background-color:#f8fbff;
  border:1px solid #d0e3f8;
  border-radius:8px;
  padding:20px;
  box-shadow:0 2px 6px rgba(0,0,0,.05);
}
.cwginstock-form-wrapper h2,
.cwginstock-form-wrapper h3{
  color:#002a5c;
  font-weight:700;
  font-size:17px;
  margin-bottom:16px;
}
.cwginstock-subscribe-form input[type="text"],
.cwginstock-subscribe-form input[type="email"]{
  border:1px solid #cbd5e1;
  border-radius:6px;
  padding:10px 12px;
  width:100%;
  font-size:15px;
  margin-bottom:10px;
}
.cwginstock-subscribe-form label{
  font-size:13px;
  line-height:1.5;
}
.cwginstock-subscribe-form input[type="submit"]{
  background-color:#003b7b;
  border:none;
  color:#fff;
  padding:12px 18px;
  border-radius:6px;
  font-weight:600;
  font-size:15px;
  cursor:pointer;
  width:100%;
  transition:background-color .2s ease;
}
.cwginstock-subscribe-form input[type="submit"]:hover{ background-color:#0054b2; }
.cwginstock-success{
  background-color:#e7f8eb;
  border:1px solid #9fd6a4;
  border-radius:6px;
  padding:10px;
  color:#145a1f;
  font-size:14px;
  margin-top:8px;
}


/* =========================================================
   Woo gallery – mobile placeholder fix
   ========================================================= */
@media (max-width:768px){
  .woocommerce div.product div.images,
  .woocommerce-product-gallery,
  .woocommerce-product-gallery__wrapper{
    min-height:0 !important;
    height:auto !important;
  }
  .woocommerce-product-gallery__image,
  .woocommerce-product-gallery__image a{
    display:block;
    aspect-ratio:1 / 1;
  }
}


/* =========================================================
   GOOGLE REVIEWS block
   ========================================================= */
.google-reviews-wrapper{
  text-align:center;
  margin-bottom:30px;
}
.google-reviews-header{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-bottom:8px;
}
.google-reviews-header img{
  width:26px;
  height:26px;
  margin-bottom:2px;
}
.google-reviews-header h3{
  font-size:1.25rem;
  font-weight:600;
  color:#202124;
  margin:0;
  letter-spacing:-0.2px;
}
.google-reviews-subtext{
  font-size:1rem;
  color:#5f6368;
  margin-top:6px;
  margin-bottom:25px;
}
@media (max-width:600px){
  .google-reviews-header{
    flex-direction:column;
    gap:6px;
  }
  .google-reviews-header img{
    width:24px;
    height:24px;
  }
  .google-reviews-header h3{ font-size:1.1rem; }
  .google-reviews-subtext{ font-size:.95rem; }
}


/* =========================================================
   Account icon – stable
   ========================================================= */
.ex-account-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
  margin:0 8px !important;
}
.ex-account-icon img{
  width:24px !important;
  height:24px !important;
  display:block !important;
  object-fit:contain !important;
}
@media (max-width:768px){
  .ex-account-icon{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
  }
}
.header-mobile-navigation .ex-account-icon,
.mobile-header-container .ex-account-icon{
  display:inline-flex !important;
}
@media (max-width:768px){
  .site-header .site-header-row p{
    margin:0 !important;
    padding:0 !important;
    line-height:1 !important;
  }
}

/* =========================================================
   BLOG FILTER CHIPS – page id 98530
   ========================================================= */
body.page-id-98530 .entry-content a,
body.page-id-98530 .entry-content button{
  -webkit-tap-highlight-color:transparent;
}
body.page-id-98530 .entry-content .wp-block-buttons .wp-block-button__link,
body.page-id-98530 .entry-content .wp-block-button__link,
body.page-id-98530 .entry-content a.kb-button,
body.page-id-98530 .entry-content .kb-button,
body.page-id-98530 .entry-content .kb-buttons-wrap a,
body.page-id-98530 .entry-content .wp-block-kadence-advancedbtn a,
body.page-id-98530 .entry-content .kadence-advancedbtn a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:10px 14px !important;
  border-radius:999px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-decoration:none !important;
  background:#fff !important;
  color:#0f172a !important;
  border:2px solid rgba(37,99,235,.55) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.06) !important;
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease, color .12s ease !important;
}
body.page-id-98530 .entry-content .wp-block-buttons .wp-block-button__link:hover,
body.page-id-98530 .entry-content .wp-block-button__link:hover,
body.page-id-98530 .entry-content a.kb-button:hover,
body.page-id-98530 .entry-content .kb-buttons-wrap a:hover,
body.page-id-98530 .entry-content .wp-block-kadence-advancedbtn a:hover,
body.page-id-98530 .entry-content .kadence-advancedbtn a:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 34px rgba(0,0,0,.12) !important;
  border-color:rgba(37,99,235,.95) !important;
  background:rgba(37,99,235,.08) !important;
}
body.page-id-98530 .entry-content .wp-block-buttons .wp-block-button__link:focus-visible,
body.page-id-98530 .entry-content .wp-block-button__link:focus-visible,
body.page-id-98530 .entry-content a.kb-button:focus-visible,
body.page-id-98530 .entry-content .kb-buttons-wrap a:focus-visible,
body.page-id-98530 .entry-content .wp-block-kadence-advancedbtn a:focus-visible,
body.page-id-98530 .entry-content .kadence-advancedbtn a:focus-visible{
  outline:3px solid rgba(37,99,235,.35) !important;
  outline-offset:2px !important;
}
body.page-id-98530 .entry-content .wp-block-buttons,
body.page-id-98530 .entry-content .kb-buttons-wrap{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  align-items:center !important;
}
body.page-id-98530 .entry-content .wp-block-button,
body.page-id-98530 .entry-content .wp-block-kadence-advancedbtn{
  margin:0 !important;
}
@media (max-width:767px){
  body.page-id-98530 .entry-content .wp-block-buttons,
  body.page-id-98530 .entry-content .kb-buttons-wrap{
    gap:8px !important;
  }
  body.page-id-98530 .entry-content .wp-block-buttons .wp-block-button__link,
  body.page-id-98530 .entry-content .wp-block-button__link,
  body.page-id-98530 .entry-content a.kb-button,
  body.page-id-98530 .entry-content .kb-buttons-wrap a,
  body.page-id-98530 .entry-content .wp-block-kadence-advancedbtn a,
  body.page-id-98530 .entry-content .kadence-advancedbtn a{
    padding:9px 12px !important;
    font-size:14px !important;
  }
}
body.page-id-98530 .entry-content .is-style-fill .wp-block-button__link,
body.page-id-98530 .entry-content a.kb-button.kb-button-filled{
  background:rgba(37,99,235,1) !important;
  color:#fff !important;
  border-color:rgba(37,99,235,1) !important;
  box-shadow:0 14px 28px rgba(37,99,235,.25) !important;
}


/* =========================================================
   Woo – AJAX add-to-cart layout (Alza-like)
   - FIX simple + zachovať variabilné
   ========================================================= */
.woocommerce div.product form.cart,
.woocommerce div.product form.cart .single_variation_wrap,
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart.variations_button{
  text-align:left !important;
}

/* VARIABLE */
.woocommerce div.product .woocommerce-variation-add-to-cart.variations_button{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:12px !important;
}
.woocommerce div.product .woocommerce-variation-add-to-cart.variations_button > .quantity,
.woocommerce div.product .woocommerce-variation-add-to-cart.variations_button > .quantity_spinners-added{
  flex:0 0 auto !important;
  order:1 !important;
  margin:0 !important;
  align-self:stretch !important;
  width:132px !important;
  max-width:40% !important;
}
.woocommerce div.product .woocommerce-variation-add-to-cart.variations_button > .single_add_to_cart_button{
  flex:1 1 0 !important;
  min-width:0 !important;
  order:2 !important;
  margin:0 !important;
  align-self:stretch !important;
}
.woocommerce div.product .woocommerce-variation-add-to-cart.variations_button > a.added_to_cart.wc-forward{
  flex:0 0 100% !important;
  width:100% !important;
  order:3 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:left !important;
  margin:6px 0 0 0 !important;
  padding:0 !important;
  font-weight:800 !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
  letter-spacing:.02em !important;
}
.woocommerce div.product .woocommerce-variation-add-to-cart.variations_button > a.added_to_cart.wc-forward:hover{ opacity:.85 !important; }

/* SIMPLE */
.single-product .product.product-type-simple form.cart{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:12px !important;
}
.single-product .product.product-type-simple form.cart > .quantity,
.single-product .product.product-type-simple form.cart > .quantity_spinners-added{
  flex:0 0 auto !important;
  order:1 !important;
  margin:0 !important;
  align-self:stretch !important;
  width:132px !important;
  max-width:40% !important;
}
.single-product .product.product-type-simple form.cart > .single_add_to_cart_button{
  flex:1 1 0 !important;
  min-width:0 !important;
  order:2 !important;
  margin:0 !important;
  align-self:stretch !important;
}
.single-product .product.product-type-simple form.cart > a.added_to_cart.wc-forward{
  flex:0 0 100% !important;
  width:100% !important;
  order:3 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:left !important;
  margin:6px 0 0 0 !important;
  padding:0 !important;
  font-weight:800 !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
  letter-spacing:.02em !important;
}
.single-product .product.product-type-simple form.cart > a.added_to_cart.wc-forward:hover{ opacity:.85 !important; }

/* unified heights */
.woocommerce div.product form.cart .quantity .qty,
.woocommerce div.product form.cart .quantity input.qty{
  height:56px !important;
  line-height:56px !important;
  border-radius:12px !important;
}
.woocommerce div.product form.cart .quantity_spinners-added{ height:56px !important; }
.woocommerce div.product form.cart .quantity_spinners-added *{ box-sizing:border-box !important; }
.woocommerce div.product form.cart .single_add_to_cart_button{
  min-height:56px !important;
  border-radius:12px !important;
}

@media (max-width:768px){
  .woocommerce div.product .woocommerce-variation-add-to-cart.variations_button,
  .single-product .product.product-type-simple form.cart{
    gap:10px !important;
  }
  .woocommerce div.product .woocommerce-variation-add-to-cart.variations_button > .quantity,
  .woocommerce div.product .woocommerce-variation-add-to-cart.variations_button > .quantity_spinners-added,
  .single-product .product.product-type-simple form.cart > .quantity,
  .single-product .product.product-type-simple form.cart > .quantity_spinners-added{
    width:124px !important;
    max-width:42% !important;
  }
}
@media (min-width:769px){
  .woocommerce div.product .woocommerce-variation-add-to-cart.variations_button > .quantity,
  .woocommerce div.product .woocommerce-variation-add-to-cart.variations_button > .quantity_spinners-added,
  .single-product .product.product-type-simple form.cart > .quantity,
  .single-product .product.product-type-simple form.cart > .quantity_spinners-added{
    width:140px !important;
    max-width:160px !important;
  }
}


/* =========================================================
   Global focus ring – profesionálny
   ========================================================= */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline: 3px solid rgba(0,181,226,.35);
  outline-offset: 2px;
}


/* =========================================================
   Product cards + price/labels
   ========================================================= */
.woocommerce ul.products li.product{
  transition: transform .12s ease, box-shadow .12s ease;
}
.woocommerce ul.products li.product:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 45px rgba(0,0,0,.08);
}
.loading{
  opacity:.6;
  pointer-events:none;
}
.single-product .product{
  row-gap: 28px;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  letter-spacing: .01em;
}
.woocommerce ul.products li.product .price{
  font-weight: 800;
}
.woocommerce span.onsale{
  border-radius: 999px !important;
  padding: 6px 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.woocommerce div.product p.stock{
  font-weight: 800;
  padding: 8px 12px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(15,23,42,.03);
}
.woocommerce div.product p.stock.in-stock::before{ content:"✅"; }
.woocommerce div.product p.stock.out-of-stock::before{ content:"⛔"; }

#reviews{
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid rgba(15,23,42,.10);
}
.woocommerce #reviews #comments ol.commentlist li{
  border-radius: 14px;
  padding: 14px 14px 10px;
  background: rgba(15,23,42,.02);
  border: 1px solid rgba(15,23,42,.06);
}

.woocommerce-checkout #customer_details,
.woocommerce-checkout-review-order{
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.08);
  background: #fff;
  padding: 14px;
}
.woocommerce-cart .coupon input.input-text{
  border-radius: 12px !important;
}
.woocommerce-cart .coupon .button{
  border-radius: 12px !important;
  font-weight: 900 !important;
}


/* =========================================================
   CART – coupon mobile fix (no overlap)
   ========================================================= */
.woocommerce-cart .coupon{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}
@media (max-width: 768px){
  .woocommerce-cart .coupon input.input-text{
    flex: 1 1 100% !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .woocommerce-cart .coupon .button{
    flex: 1 1 100% !important;
    width: 100% !important;
    white-space: normal !important;
  }
}

/* =========================================================
   SearchWP Related – KOMPAKTNÉ PROFI KARTY (DESKTOP) – ONE VERSION
   ========================================================= */
@media (min-width: 1025px){

  .searchwp-related{
    margin: 34px 0 !important;
    padding: 14px !important;
    border: 1px solid rgba(15,23,42,.10) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 10px 28px rgba(15,23,42,.06) !important;
  }

  .searchwp-related > h4{
    margin: 0 0 12px !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
  }

  .searchwp-related .searchwp-related-results,
  .searchwp-related .searchwp-related-list{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    align-items: start !important;
  }

  .searchwp-related .searchwp-related-item{
    display: flex !important;
    flex-direction: column !important;
    padding: 12px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(15,23,42,.10) !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(15,23,42,.06) !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
  }

  .searchwp-related .searchwp-related-item:hover{
    transform: translateY(-3px) !important;
    box-shadow: 0 14px 34px rgba(15,23,42,.10) !important;
    border-color: rgba(15,23,42,.18) !important;
  }

  .searchwp-related .searchwp-related-item--img-container{
    width: 100% !important;
    height: 110px !important;
    padding: 8px !important;
    margin: 0 0 10px 0 !important;
    border-radius: 12px !important;
    background: #f6f8fb !important;
    border: 1px solid rgba(15,23,42,.06) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  .searchwp-related .searchwp-related-item--img-container a{
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .searchwp-related .searchwp-related-item--img-container img{
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
  }

  .searchwp-related .searchwp-related-item--info-container{
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
  }

  .searchwp-related .searchwp-related-item--info-container a{
    color: #0f172a !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .searchwp-related .searchwp-related-item--info-container a:hover{
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
  }

  .searchwp-related .searchwp-related-item--info-container p,
  .searchwp-related .searchwp-related-item--info-container .excerpt,
  .searchwp-related .searchwp-related-item--info-container .meta,
  .searchwp-related .searchwp-related-item hr{
    display: none !important;
  }
}

@media (min-width: 1025px) and (max-width: 1180px){
  .searchwp-related .searchwp-related-results,
  .searchwp-related .searchwp-related-list{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* =========================================================
   FiboFilters – mobile top chips (Cena / Značka / Všetky filtre)
   ========================================================= */
.fibofilters-mobile-filters-container .fibofilters-mobile-filters{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  align-items:center !important;
}

.fibofilters-mobile-filters-container .fibofilters-mobile-filters .fibofilters-button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;

  padding:10px 14px !important;
  border-radius:12px !important;
  border:1px solid rgba(15,23,42,.16) !important;
  background:#fff !important;

  font-weight:700 !important;
  font-size:15px !important;
  line-height:1 !important;

  box-shadow:0 1px 0 rgba(15,23,42,.04) !important;
  transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease !important;
}
.fibofilters-mobile-filters-container .fibofilters-mobile-filters .fibofilters-button:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 8px 18px rgba(15,23,42,.10) !important;
}
.fibofilters-mobile-filters-container .fibofilters-mobile-filters .fibofilters-button.is-active,
.fibofilters-mobile-filters-container .fibofilters-mobile-filters .fibofilters-button.active,
.fibofilters-mobile-filters-container .fibofilters-mobile-filters .fibofilters-button[aria-expanded="true"],
.fibofilters-mobile-filters-container .fibofilters-mobile-filters .fibofilters-button[aria-pressed="true"]{
  background:rgba(47,79,134,.10) !important;
  border-color:rgba(47,79,134,.55) !important;
  box-shadow:0 10px 22px rgba(47,79,134,.14) !important;
}
.fibofilters-mobile-filters-container .fibofilters-mobile-filters .fibofilters-button svg{
  width:18px !important;
  height:18px !important;
}


/* =========================================================
   FIBOFILTERS – CLEAN UI (desktop + mobile) + BEZ HISTOGRAMU
   ========================================================= */
.fibofilters-vertical-filters-container{ padding: 0 !important; }

.fibofilters-vertical-filters-container .fibofilters-block{
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 14px;
  background: #fff;
  padding: 12px 12px;
  margin: 0 0 12px 0;
  box-shadow: 0 1px 0 rgba(15,23,42,.04);
}
.fibofilters-vertical-filters-container .fibofilters-block__headline{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 4px 0 10px 0;
  margin: 0;
  font-weight: 800;
  font-size: 16px;
  color: #0f172a;
  border-bottom: 1px solid rgba(15,23,42,.08);
}
.fibofilters-vertical-filters-container .fibofilters-block__content{
  padding-top: 10px;
}

.fibofilters-vertical-filters-container .fibofilters-block--checkboxes label,
.fibofilters-vertical-filters-container .fibofilters-block--radio label{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 8px;
  border-radius: 10px;
  cursor: pointer;
  transition: background .15s ease;
}
.fibofilters-vertical-filters-container .fibofilters-block--checkboxes label:hover,
.fibofilters-vertical-filters-container .fibofilters-block--radio label:hover{
  background: rgba(15,23,42,.04);
}
.fibofilters-vertical-filters-container .fibofilters-block--checkboxes input[type="checkbox"],
.fibofilters-vertical-filters-container .fibofilters-block--radio input[type="radio"]{
  margin: 0 10px 0 0 !important;
  transform: scale(1.05);
}
.fibofilters-vertical-filters-container .fibofilters-count,
.fibofilters-vertical-filters-container .count{
  color: rgba(15,23,42,.55);
  font-size: 13px;
  font-weight: 600;
}

.fibofilters-vertical-filters-container .fibofilters-range__inputs-wrapper{
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 10px;
}
.fibofilters-vertical-filters-container .fibofilters-range__inputs-wrapper input{
  width: 100% !important;
  padding: 10px 10px !important;
  border: 1px solid rgba(15,23,42,.14) !important;
  border-radius: 12px !important;
  background: #fff !important;
  font-size: 14px !important;
}
.fibofilters-vertical-filters-container .fibofilters-range__radio-ranges-wrapper{
  display: block !important;
  margin-top: 10px;
}
.fibofilters-vertical-filters-container .fibofilters-range__slider-wrapper{
  padding: 10px 8px 6px 8px;
  border-radius: 12px;
  background: rgba(15,23,42,.03);
}

.fibofilters-vertical-filters-container .noUi-target{
  border: 0 !important;
  box-shadow: none !important;
  background: rgba(15,23,42,.10) !important;
  border-radius: 999px !important;
  height: 6px !important;
}
.fibofilters-vertical-filters-container .noUi-connect{
  background: rgba(37,99,235,.55) !important;
}
.fibofilters-vertical-filters-container .noUi-handle{
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  border: 2px solid rgba(37,99,235,.60) !important;
  box-shadow: 0 4px 14px rgba(15,23,42,.10) !important;
  top: -7px !important;
  right: -9px !important;
}
.fibofilters-vertical-filters-container .noUi-handle:before,
.fibofilters-vertical-filters-container .noUi-handle:after{
  display: none !important;
}

/* schovať len histogram */
.fibofilters-vertical-filters-container .fibofilters-slider-histogram{
  display: none !important;
}

/* mobile overlay histogram */
.fibofilters-mobile-overlay .fibofilters-slider-histogram,
.fibofilters-mobile-overlay .fibofilters-slider-histogram__item{
  display: none !important;
}
.fibofilters-mobile-overlay .fibofilters-range__slider-wrapper{
  padding-top: 10px !important;
}

/* mobile overlay cards */
.fibofilters-mobile-overlay{ background: #fff; }
.fibofilters-mobile-overlay__content{
  padding: 14px 14px 120px 14px !important;
}
.fibofilters-mobile-overlay .fibofilters-block{
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 14px !important;
  background: #fff !important;
  padding: 12px 12px !important;
  margin: 0 0 12px 0 !important;
  box-shadow: 0 1px 0 rgba(15,23,42,.04) !important;
}
.fibofilters-mobile-overlay .fibofilters-block__headline{
  font-weight: 800 !important;
  font-size: 18px !important;
  padding: 2px 0 10px 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(15,23,42,.08) !important;
}
.fibofilters-mobile-overlay .fibofilters-block__content{
  padding-top: 10px !important;
}
.fibofilters-mobile-overlay .fibofilters-block--checkboxes label,
.fibofilters-mobile-overlay .fibofilters-block--radio label{
  padding: 10px 10px !important;
  border-radius: 12px !important;
}
.fibofilters-mobile-overlay .fibofilters-block--checkboxes label:active,
.fibofilters-mobile-overlay .fibofilters-block--radio label:active{
  background: rgba(15,23,42,.05) !important;
}
.fibofilters-mobile-overlay .fibofilters-count,
.fibofilters-mobile-overlay .count{
  font-size: 13px !important;
  font-weight: 700 !important;
  color: rgba(15,23,42,.55) !important;
}
.fibofilters-mobile-overlay .fibofilters-mobile-overlay__footer{
  position: sticky !important;
  bottom: 0 !important;
  background: #fff !important;
  padding: 12px 14px 14px 14px !important;
  border-top: 1px solid rgba(15,23,42,.10) !important;
}
.fibofilters-mobile-overlay .fibofilters-mobile-overlay__footer button,
.fibofilters-mobile-overlay .fibofilters-mobile-overlay__footer .button,
.fibofilters-mobile-overlay .fibofilters-mobile-overlay__footer a{
  width: 100% !important;
  border-radius: 14px !important;
  padding: 14px 14px !important;
  font-weight: 800 !important;
}

@media (max-width: 768px){
  .fibofilters-vertical-filters-container{
    padding: 0 10px !important;
  }
  .fibofilters-vertical-filters-container .fibofilters-block{
    margin: 0 0 10px 0 !important;
    padding: 10px 10px !important;
    border-radius: 12px !important;
  }
  .fibofilters-vertical-filters-container .fibofilters-block__headline{
    font-size: 15px !important;
    padding: 2px 0 8px 0 !important;
  }
  .fibofilters-vertical-filters-container .fibofilters-block--checkboxes label,
  .fibofilters-vertical-filters-container .fibofilters-block--radio label{
    padding: 7px 8px !important;
  }
  .fibofilters-vertical-filters-container .fibofilters-range__inputs-wrapper{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
  }
  .fibofilters-vertical-filters-container .noUi-target{
    height: 8px !important;
  }
  .fibofilters-vertical-filters-container .noUi-handle{
    width: 22px !important;
    height: 22px !important;
    top: -8px !important;
    right: -11px !important;
  }
}


/* =========================================================
   Stock status – badge s farebnou guličkou
   ========================================================= */
.ep-stock{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  color: #0f172a;
  opacity: .9;
}
.ep-stock::before{
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  display: inline-block;
  box-shadow: 0 0 0 3px rgba(15,23,42,.06);
}
.ep-stock--in::before{ background: #22c55e; }
.ep-stock--backorder::before{ background: #f59e0b; }
.ep-stock--out::before{ background: #ef4444; }
.ep-stock--out{ color: #991b1b; }

/* Skry spacer iba vtedy, keď produkt má rating */
ul.products li.product:has(.kwt-rating-wrap .star-rating) .rating-slot,
ul.products li.loop-entry:has(.kwt-rating-wrap .star-rating) .rating-slot,
ul.products li.entry:has(.kwt-rating-wrap .star-rating) .rating-slot{
  display: none !important;
}

/* Produktové karty: vnútro ako stĺpec */
ul.products li.product .kt-inside-inner-col{
  display: flex;
  flex-direction: column;
}
ul.products li.product .kwt-price-wrap{
  margin-top: auto !important;
  margin-bottom: 10px !important;
}
ul.products li.product .ep-stock{
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}
ul.products li.product:hover .price{
  transform: scale(1.03);
  transition: transform .15s ease;
}


/* =========================================================
   PRODUCT PAGE – UX polish (mobile-first, safe)
   ========================================================= */
.single-product .single_variation_wrap{
  margin-top: 12px !important;
  margin-bottom: 10px !important;
}
.single-product .single_variation_wrap .woocommerce-variation-price .price,
.single-product .single_variation_wrap .woocommerce-variation-price .woocommerce-Price-amount{
  font-size: 22px !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
  line-height: 1.15 !important;
}
.single-product .single_variation_wrap .woocommerce-variation-price .woocommerce-price-suffix{
  font-size: 13px !important;
  font-weight: 700 !important;
  opacity: .75 !important;
  margin-left: 6px !important;
}
.single-product .product form.cart{
  row-gap: 14px !important;
}
.single-product .product form.cart .variations tr + tr{
  margin-top: 14px !important;
}
.single-product .product form.cart a.reset_variations{
  margin-top: 8px !important;
  margin-bottom: 2px !important;
}
.single-product .product .ep-stock{
  margin: 8px 0 10px 0 !important;
}
.single-product .product form.cart .single_add_to_cart_button{
  min-height: 60px !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.14) !important;
}
.single-product .product form.cart .single_add_to_cart_button:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 42px rgba(15,23,42,.18) !important;
}
.single-product .product form.cart .single_add_to_cart_button:active{
  transform: translateY(0);
  box-shadow: 0 12px 28px rgba(15,23,42,.14) !important;
}
.single-product .product form.cart .quantity .qty,
.single-product .product form.cart .quantity input.qty{
  height: 60px !important;
  line-height: 60px !important;
  border-radius: 16px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}
.single-product .product form.cart .variations th.label{
  font-size: 22px !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 8px !important;
}
.single-product .product form.cart .variations th.label label{
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 8px !important;
}
@media (max-width: 768px){
  .single-product .product form.cart .variations{
    margin-bottom: 6px !important;
  }
}

.ep-stock{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 10px;
  border-radius:999px;
  font-weight:700;
  font-size:13px;
  white-space:nowrap;
}

.ep-stock:before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
}

.ep-stock--in{ background:rgba(16,185,129,.12); }
.ep-stock--in:before{ background:#10b981; }

.ep-stock--backorder{ background:rgba(245,158,11,.15); }
.ep-stock--backorder:before{ background:#f59e0b; }

.ep-stock--out{ background:rgba(239,68,68,.12); }
.ep-stock--out:before{ background:#ef4444; }
/* =========================================================
   EXTRAPRÍVLAČ – BLOG CARDS (CLEAN)
   - Custom archive loop (#archive-container .custom-archive-loop-item)
   - Kadence Post Grid + Carousel (.wp-block-kadence-postgrid)
   - Kadence Classic loop (article.loop-entry) pre blog/tag/category/search/archive
   - SearchWP results (.swp-results-wrapper)
   Cieľ: jednotné karty, bez duplicit, bez zásahu na homepage
   ========================================================= */

:root{
  --ep-card-bg:#fff;
  --ep-card-border: rgba(15,23,42,.10);
  --ep-card-border-hover: rgba(15,23,42,.18);
  --ep-card-shadow: 0 10px 26px rgba(15,23,42,.08);
  --ep-card-shadow-hover: 0 16px 38px rgba(15,23,42,.12);

  --ep-radius: 18px;
  --ep-text: #0f172a;
  --ep-muted: rgba(15,23,42,.72);

  --ep-soft-bg: #f8fafc;
  --ep-btn-border: rgba(15,23,42,.18);
  --ep-btn-hover-bg: #0f172a;
  --ep-btn-hover-text: #fff;
}

/* =========================================================
   0) MOBIL – užší obsah LEN pre blog/archívy (nie homepage)
   ========================================================= */
@media (max-width: 768px){
  body.blog .content-container.site-container,
  body.archive .content-container.site-container,
  body.search .content-container.site-container,
  body.tag .content-container.site-container,
  body.category .content-container.site-container,
  body.author .content-container.site-container,
  body.date .content-container.site-container{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* =========================================================
   1) CUSTOM ARCHIVE LOOP (Kadence custom archive loop)
   Target: #archive-container .custom-archive-loop-item
   ========================================================= */

/* karta */
#archive-container .custom-archive-loop-item{
  background: var(--ep-card-bg);
  border: 1px solid var(--ep-card-border);
  border-radius: var(--ep-radius);
  overflow: hidden;
  box-shadow: 0 8px 22px rgba(15,23,42,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

#archive-container .custom-archive-loop-item:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(15,23,42,.10);
  border-color: var(--ep-card-border-hover);
}

/* obrázok */
#archive-container .custom-archive-loop-item figure.wp-block-post-featured-image{
  margin: 0 !important;
}
#archive-container .custom-archive-loop-item figure.wp-block-post-featured-image img{
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
}

/* vnútorné paddingy */
#archive-container .custom-archive-loop-item > *:not(figure.wp-block-post-featured-image){
  padding-left: 18px;
  padding-right: 18px;
}

/* title */
#archive-container .custom-archive-loop-item h2.wp-block-post-title{
  margin: 16px 0 8px !important;
  font-size: clamp(18px, 1.35vw, 24px);
  line-height: 1.15;
  letter-spacing: -0.02em;
  font-weight: 800;
}
#archive-container .custom-archive-loop-item h2.wp-block-post-title a{
  text-decoration: none !important;
  color: inherit !important;
}

/* meta wrapper (Kadence rowlayout) – nech nerobí extra diery */
#archive-container .custom-archive-loop-item .wp-block-kadence-rowlayout,
#archive-container .custom-archive-loop-item .kt-row-column-wrap{
  margin: 0 0 10px !important;
  padding: 0 !important;
}
#archive-container .custom-archive-loop-item .kt-row-column-wrap,
#archive-container .custom-archive-loop-item .kt-row-column-wrap *{
  color: var(--ep-muted);
  font-size: 13px;
}

/* excerpt clamp */
#archive-container .custom-archive-loop-item .wp-block-post-excerpt{
  padding-bottom: 14px;
}
#archive-container .custom-archive-loop-item .wp-block-post-excerpt p{
  margin: 0 !important;
  color: rgba(15,23,42,.86);
  font-size: 14.5px;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* read more */
#archive-container .custom-archive-loop-item .wp-block-post-excerpt__more-link{
  display: inline-flex;
  width: fit-content;
  margin-top: 12px;
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,.14);
  background: #fff;
  text-decoration: none !important;
  font-weight: 700;
  color: var(--ep-text);
  transition: background .18s ease, transform .18s ease, border-color .18s ease, color .18s ease;
}
#archive-container .custom-archive-loop-item .wp-block-post-excerpt__more-link:hover{
  background: var(--ep-btn-hover-bg);
  color: var(--ep-btn-hover-text);
  border-color: rgba(15,23,42,.28);
  transform: translateY(-1px);
}

/* =========================================================
   1A) CUSTOM LOOP – MOBILE FIX
   - odstráni pill pri views
   - odstráni "bodku" pod ikonou
   - zmenší zbytočné medzery
   ========================================================= */
@media (max-width: 768px){

  /* meta/row: menej diery */
  #archive-container .custom-archive-loop-item .wp-block-kadence-rowlayout,
  #archive-container .custom-archive-loop-item .kt-row-column-wrap{
    margin: 0 0 6px !important;
  }

  /* views: bez pill */
  #archive-container .custom-archive-loop-item .wp-block-post-views-counter-post-views,
  #archive-container .custom-archive-loop-item .post-views{
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: auto !important;
  }

  /* ikonka: kill pseudo-elementy (toto robí najčastejšie "bodku") */
  #archive-container .custom-archive-loop-item .post-views .post-views-icon{
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }
  #archive-container .custom-archive-loop-item .post-views .post-views-icon::before,
  #archive-container .custom-archive-loop-item .post-views .post-views-icon::after{
    content: none !important;
    display: none !important;
  }

  /* label: bez oddeľovača */
  #archive-container .custom-archive-loop-item .post-views .post-views-label{
    margin: 0 !important;
    padding: 0 !important;
  }
  #archive-container .custom-archive-loop-item .post-views .post-views-label::after{
    content: none !important;
    display: none !important;
  }

  /* zmenšiť spacing pod title a pred excerpt */
  #archive-container .custom-archive-loop-item h2.wp-block-post-title{
    margin: 14px 0 6px !important;
  }
  #archive-container .custom-archive-loop-item .wp-block-post-excerpt{
    margin-top: 4px !important;
    padding-bottom: 10px !important;
  }
  #archive-container .custom-archive-loop-item .wp-block-post-excerpt__more-link{
    margin-top: 10px !important;
  }
}

/* =========================================================
   2) KADENCE POST GRID + CAROUSEL
   ========================================================= */

/* karta */
.wp-block-kadence-postgrid .kt-blocks-post-grid-item{
  background: var(--ep-card-bg);
  border: 1px solid var(--ep-card-border);
  border-radius: var(--ep-radius);
  overflow: hidden;
  box-shadow: var(--ep-card-shadow);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.wp-block-kadence-postgrid .kt-blocks-post-grid-item:hover{
  transform: translateY(-2px);
  box-shadow: var(--ep-card-shadow-hover);
  border-color: var(--ep-card-border-hover);
}

/* vnútro ako stĺpec */
.wp-block-kadence-postgrid .kt-blocks-post-grid-item-inner-wrap{
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* obrázok */
.wp-block-kadence-postgrid .kadence-post-image{
  margin: 0 !important;
  overflow: hidden;
}
.wp-block-kadence-postgrid .kadence-post-image img{
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
}

/* padding */
.wp-block-kadence-postgrid .kt-blocks-post-grid-item-inner{
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 18px 18px 16px;
}

/* title */
.wp-block-kadence-postgrid .kt-blocks-post-grid-item .entry-title{
  margin: 0 0 10px !important;
  color: var(--ep-text);
  line-height: 1.15;
  letter-spacing: -0.02em;
  font-weight: 800;
  font-size: clamp(18px, 1.25vw, 24px);
}
.wp-block-kadence-postgrid .kt-blocks-post-grid-item .entry-title a{
  text-decoration: none !important;
  color: inherit !important;
}

/* meta */
.wp-block-kadence-postgrid .kt-blocks-post-top-meta{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 12px;
  color: var(--ep-muted);
  font-size: 13px;
  line-height: 1.2;
}
.wp-block-kadence-postgrid .kt-blocks-date{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  opacity: .85;
}

/* excerpt clamp */
.wp-block-kadence-postgrid .entry-content{
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(15,23,42,.86);
  font-size: 14.5px;
  line-height: 1.55;
  flex: 1 1 auto;
}
.wp-block-kadence-postgrid .entry-content p{
  margin: 0 !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* readmore */
.wp-block-kadence-postgrid .kt-blocks-post-footer{
  margin-top: 14px;
}
.wp-block-kadence-postgrid a.kt-blocks-post-readmore{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid var(--ep-btn-border);
  background: #fff;
  color: var(--ep-text);
  font-weight: 700;
  text-decoration: none !important;
  transition: background .18s ease, color .18s ease, transform .18s ease, border-color .18s ease;
}
.wp-block-kadence-postgrid a.kt-blocks-post-readmore:hover{
  background: var(--ep-btn-hover-bg);
  color: var(--ep-btn-hover-text);
  border-color: rgba(15,23,42,.28);
  transform: translateY(-1px);
}

/* views badge z PHP (.ep-views-badge) */
.ep-views-badge{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;                 /* čisté, bez pill looku */
  border: 0;
  background: transparent;
  border-radius: 0;
  color: rgba(15,23,42,.86);
  white-space: nowrap;
}
.ep-views-badge__icon{
  font-size: 14px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  opacity: .75;
  transform: translateY(1px);
}
.ep-views-badge__label{ font-weight: 500; opacity: .82; }
.ep-views-badge__count{ font-weight: 800; opacity: 1; }

/* carousel arrows – viac do obrázku */
.wp-block-kadence-postgrid .splide__arrow{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  opacity: .96;
}
.wp-block-kadence-postgrid .splide__arrow--prev,
.wp-block-kadence-postgrid .splide__arrow--next{
  top: 38% !important;
  transform: translateY(-50%) !important;
}

/* mobile pre postgrid */
@media (max-width: 768px){
  .wp-block-kadence-postgrid .kt-blocks-post-grid-item-inner{
    padding: 16px 16px 14px;
  }
  .wp-block-kadence-postgrid .kt-blocks-post-top-meta{
    gap: 8px;
  }
  .wp-block-kadence-postgrid .splide__arrow{
    width: 42px;
    height: 42px;
  }
  .wp-block-kadence-postgrid .splide__arrow--prev,
  .wp-block-kadence-postgrid .splide__arrow--next{
    top: 34% !important;
  }
}

/* =========================================================
   3) KADENCE CLASSIC LOOP (tag/category/search/archive/blog)
   ========================================================= */

body.blog article.loop-entry,
body.archive article.loop-entry,
body.search article.loop-entry,
body.tag article.loop-entry,
body.category article.loop-entry{
  background: var(--ep-card-bg);
  border: 1px solid var(--ep-card-border);
  border-radius: var(--ep-radius);
  overflow: hidden;
  box-shadow: var(--ep-card-shadow);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.blog article.loop-entry:hover,
body.archive article.loop-entry:hover,
body.search article.loop-entry:hover,
body.tag article.loop-entry:hover,
body.category article.loop-entry:hover{
  transform: translateY(-2px);
  box-shadow: var(--ep-card-shadow-hover);
  border-color: var(--ep-card-border-hover);
}

/* obrázok */
body.blog article.loop-entry .post-thumbnail,
body.archive article.loop-entry .post-thumbnail,
body.search article.loop-entry .post-thumbnail,
body.tag article.loop-entry .post-thumbnail,
body.category article.loop-entry .post-thumbnail{
  margin: 0 !important;
}
body.blog article.loop-entry .post-thumbnail img,
body.archive article.loop-entry .post-thumbnail img,
body.search article.loop-entry .post-thumbnail img,
body.tag article.loop-entry .post-thumbnail img,
body.category article.loop-entry .post-thumbnail img{
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
}

/* vnútro */
body.blog article.loop-entry .entry-content-wrap,
body.archive article.loop-entry .entry-content-wrap,
body.search article.loop-entry .entry-content-wrap,
body.tag article.loop-entry .entry-content-wrap,
body.category article.loop-entry .entry-content-wrap{
  padding: 18px 18px 16px;
}

/* title */
body.blog article.loop-entry .entry-title,
body.archive article.loop-entry .entry-title,
body.search article.loop-entry .entry-title,
body.tag article.loop-entry .entry-title,
body.category article.loop-entry .entry-title{
  margin: 0 0 10px !important;
  line-height: 1.15;
  letter-spacing: -0.02em;
  font-weight: 800;
  font-size: clamp(20px, 1.6vw, 28px);
}
body.blog article.loop-entry .entry-title a,
body.archive article.loop-entry .entry-title a,
body.search article.loop-entry .entry-title a,
body.tag article.loop-entry .entry-title a,
body.category article.loop-entry .entry-title a{
  text-decoration: none !important;
  color: inherit !important;
}

/* meta – nech je čisté a bez “dot” separátorov */
body.blog article.loop-entry .entry-meta,
body.archive article.loop-entry .entry-meta,
body.search article.loop-entry .entry-meta,
body.tag article.loop-entry .entry-meta,
body.category article.loop-entry .entry-meta{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  color: var(--ep-muted);
  font-size: 13px;
  line-height: 1.2;
  margin: 0 0 12px !important;
}
.post-views .post-views-label::after{ content: none !important; display:none !important; }

/* excerpt clamp */
body.blog article.loop-entry .entry-summary,
body.archive article.loop-entry .entry-summary,
body.search article.loop-entry .entry-summary,
body.tag article.loop-entry .entry-summary,
body.category article.loop-entry .entry-summary{
  margin: 0 !important;
  color: rgba(15,23,42,.86);
  font-size: 14.5px;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* =========================================================
   4) SEARCHWP RESULTS
   ========================================================= */

.swp-results-wrapper .swp-result-item{
  background: var(--ep-card-bg);
  border: 1px solid var(--ep-card-border);
  border-radius: var(--ep-radius);
  overflow: hidden;
  box-shadow: var(--ep-card-shadow);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.swp-results-wrapper .swp-result-item:hover{
  transform: translateY(-2px);
  box-shadow: var(--ep-card-shadow-hover);
  border-color: var(--ep-card-border-hover);
}
.swp-results-wrapper .swp-result-item--img-container img{
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
}
.swp-results-wrapper .swp-result-item--info-container{
  padding: 16px 16px 14px;
}
.swp-results-wrapper .swp-result-item--title{
  margin: 0 0 10px !important;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
}
.swp-results-wrapper .swp-result-item--title a{
  text-decoration: none !important;
  color: var(--ep-text) !important;
}
.swp-results-wrapper .swp-result-item--desc{
  margin: 0 !important;
  color: rgba(15,23,42,.86);
  font-size: 14.5px;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.swp-results-wrapper a.swp-result-item--button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid var(--ep-btn-border);
  background: #fff;
  color: var(--ep-text);
  font-weight: 700;
  text-decoration: none !important;
  transition: background .18s ease, color .18s ease, transform .18s ease, border-color .18s ease;
}
.swp-results-wrapper a.swp-result-item--button:hover{
  background: var(--ep-btn-hover-bg);
  color: var(--ep-btn-hover-text);
  border-color: rgba(15,23,42,.28);
  transform: translateY(-1px);
}
/* EXTRAPRÍVLAČ HERO BADGE */

.kt-inside-inner-col{
    display:flex;
    justify-content:center;
}

.kt-adv-heading92109_0a68f5-52{
    display:inline-block;
    text-align:center;

    max-width:780px;
    width:auto;

    padding:12px 26px;
    margin-top:20px;

    border-radius:999px;

    background:rgba(255,255,255,0.85);
    backdrop-filter:blur(8px);

    box-shadow:0 10px 30px rgba(0,0,0,0.15);

    font-size:16px;
    line-height:1.4;
    font-weight:500;
}

/* === FIX ROZBITEJ CENY (Woo + Kadence) === */

/* celý blok ceny */
.woocommerce ul.products li.product .price {
  text-align: center;
  line-height: 1.3;
}

/* stará cena (môže byť zvlášť riadok) */
.price del {
  display: block;
  opacity: 0.5;
  font-size: 14px;
  margin-bottom: 2px;
}

/* NOVÁ cena – NESMIE sa zalomiť */
.price ins {
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
}

/* bdi fix (hlavný problém Woo) */
.woocommerce-Price-amount bdi {
  white-space: nowrap;
}

/* € symbol drž pri čísle */
.woocommerce-Price-currencySymbol {
  margin-left: 2px;
}

/* "s DPH" nech ide pod cenu */
.price .woocommerce-price-suffix {
  display: block;
  font-size: 12px;
  margin-top: 2px;
}
@media (max-width: 768px){

  .price del {
    font-size: 12px;
  }

  .price ins {
    font-size: 16px;
    font-weight: 600;
  }

}
/* =========================================================
   EXTRAPRÍVLAČ FOOTER – FINAL REBUILD
   ========================================================= */

/* ===== Kadence footer layout ===== */
.site-top-footer-inner-wrap{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:24px !important;
  align-items:stretch !important;
}

.site-footer-top-section-1,
.site-footer-top-section-2,
.site-footer-top-section-3{
  display:flex !important;
  flex-direction:column !important;
}

.footer-widget-area,
.footer-widget-area-inner{
  height:100%;
}

.footer-widget-area-inner{
  display:flex !important;
}

.footer-widget-area-inner > *{
  width:100%;
}

/* ===== card system ===== */
.xpf-card{
  display:flex;
  flex-direction:column;
  height:100%;
  padding:22px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 28px rgba(15,23,42,.06);
  box-sizing:border-box;
}

.xpf-head{
  margin-bottom:18px;
}

.xpf-pill{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:5px 12px;
  margin:0 0 10px 0;
  border-radius:999px;
  background:#e0f2fe;
  color:#0284c7;
  font-size:12px;
  font-weight:800;
  line-height:1;
}

.xpf-title{
  margin:0;
  font-size:20px;
  line-height:1.15;
  font-weight:800;
  color:#0f172a;
}

/* ===== contact ===== */
.xpf-contact{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.xpf-contact-item{
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  gap:10px;
  align-items:start;
}

.xpf-icon{
  font-size:15px;
  line-height:1;
  transform:translateY(3px);
}

.xpf-contact-text strong{
  display:block;
  margin:0 0 4px 0;
  font-size:16px;
  line-height:1.4;
  font-weight:800;
  color:#0f172a;
}

.xpf-contact-text small{
  display:block;
  margin:0;
  font-size:13px;
  line-height:1.55;
  color:#64748b;
}

.xpf-contact-text a,
.xpf-contact-text .xpf-email-link{
  display:inline-block;
  color:#0f172a;
  text-decoration:none;
  font-size:15px;
  line-height:1.45;
  font-weight:700;
  white-space:nowrap;
}

.xpf-contact-text a:hover,
.xpf-contact-text .xpf-email-link:hover{
  color:#0284c7;
}

.xpf-contact-meta{
  margin-top:2px;
  font-size:12px;
  line-height:1.45;
  color:#64748b;
}

/* ===== map ===== */
.xpf-map{
  position:relative;
  display:block;
  margin-top:auto;
  padding-top:18px;
  text-decoration:none;
}

.xpf-map img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16 / 10;
  object-fit:cover;
  border-radius:16px;
}

.xpf-map-badge{
  position:absolute;
  left:30px;
  right:30px;
  bottom:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 14px;
  border-radius:12px;
  background:rgba(255,255,255,.96);
  color:#0f172a;
  font-size:14px;
  font-weight:800;
  box-shadow:0 8px 24px rgba(15,23,42,.16);
}

/* ===== links ===== */
.xpf-link-groups{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px 14px;
}

.xpf-link-item{
  display:flex;
  align-items:center;
  min-height:48px;
  padding:12px 14px;
  border:1px solid rgba(15,23,42,.10);
  border-radius:14px;
  background:#fff;
  color:#0f172a;
  text-decoration:none;
  font-size:15px;
  line-height:1.3;
  font-weight:700;
  box-sizing:border-box;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease, color .18s ease, background .18s ease;
}

.xpf-link-item:hover{
  color:#0284c7;
  border-color:rgba(2,132,199,.28);
  box-shadow:0 8px 22px rgba(15,23,42,.06);
  transform:translateY(-1px);
}

.xpf-link-item--featured{
  background:linear-gradient(180deg,#edf7ff 0%,#e0f2fe 100%);
  color:#0369a1;
  border-color:rgba(2,132,199,.22);
  font-weight:800;
}

/* ===== efi ===== */
.xpf-card--efi{
  text-align:left;
}

.xpf-efi-visual{
  display:block;
  border-radius:16px;
  overflow:hidden;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(15,23,42,.08);
}

.xpf-efi-visual img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16 / 10;
  object-fit:cover;
}

.xpf-efi-text{
  margin:18px 0 0 0;
  font-size:15px;
  line-height:1.65;
  color:#334155;
}

.xpf-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  margin-top:18px;
  padding:12px 18px;
  border-radius:14px;
  background:linear-gradient(135deg,#0f172a 0%,#0284c7 100%);
  color:#fff;
  text-decoration:none;
  font-size:15px;
  line-height:1;
  font-weight:800;
  box-shadow:0 12px 28px rgba(2,132,199,.20);
}

.xpf-btn:hover{
  color:#fff;
  transform:translateY(-1px);
}

/* ===== tablet ===== */
@media (max-width:1024px){
  .site-top-footer-inner-wrap{
    grid-template-columns:1fr 1fr !important;
  }

  .xpf-card{
    padding:20px;
  }

  .xpf-link-groups{
    gap:10px;
  }

  .xpf-link-item{
    min-height:46px;
    padding:11px 12px;
    font-size:14px;
  }
}

/* ===== mobile ===== */
@media (max-width:767px){
  .site-top-footer-inner-wrap{
    grid-template-columns:1fr !important;
  }

  .xpf-card{
    padding:18px;
    border-radius:18px;
  }

  .xpf-title{
    font-size:18px;
  }

  .xpf-link-groups{
    grid-template-columns:1fr;
  }

  .xpf-btn{
    width:100%;
  }

  .xpf-map-badge{
    left:18px;
    right:18px;
    bottom:18px;
    font-size:13px;
  }
}
/* ===== FOOTER COLUMNS – jemné karty ===== */

.site-top-footer-inner-wrap > div{
  background:#ffffff;
  border:1px solid rgba(15,23,42,0.06);
  border-radius:14px;
  padding:22px 24px;
  box-shadow:0 6px 18px rgba(15,23,42,0.04);
  transition:all .2s ease;
}

/* jemný hover efekt */
.site-top-footer-inner-wrap > div:hover{
  box-shadow:0 10px 28px rgba(15,23,42,0.06);
  border-color:rgba(2,132,199,0.15);
}

/* medzery medzi stĺpcami */
.site-top-footer-inner-wrap{
  gap:24px;
}

/* mobile – zachovať čistotu */
@media (max-width:767px){
  .site-top-footer-inner-wrap > div{
    padding:18px;
  }
}
/* OBĽÚBENÉ KATEGÓRIE – Kadence Row Layout */
.ep-categories-row .kt-row-column-wrap{
  gap: 14px;
}

/* každá kategória = karta */
.ep-categories-row .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col{
  background: #fff;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 14px;
  padding: 14px 12px;
  text-align: center;
  box-shadow: 0 4px 14px rgba(15,23,42,.04);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  height: 100%;
}

/* hover */
.ep-categories-row .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(15,23,42,.08);
  border-color: rgba(2,132,199,.22);
}

/* obrázok */
.ep-categories-row .wp-block-image{
  margin: 0 0 10px 0 !important;
}

.ep-categories-row .wp-block-image img{
  display: block;
  max-width: 100%;
  height: auto !important;
  max-height: 62px;
  margin: 0 auto;
  object-fit: contain;
}

/* text pod obrázkom */
.ep-categories-row p{
  margin: 0 !important;
  text-align: center;
}

.ep-categories-row p a{
  display: inline-block;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

.ep-categories-row p a:hover{
  color: #0284c7;
}

/* mobil */
@media (max-width: 767px){
  .ep-categories-row .kt-row-column-wrap{
    gap: 10px;
  }

  .ep-categories-row .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col{
    padding: 12px 10px;
    border-radius: 12px;
  }

  .ep-categories-row .wp-block-image img{
    max-height: 50px;
  }

  .ep-categories-row p a{
    font-size: 14px;
  }
}
.ep-categories-row .kt-inside-inner-col{
  position: relative;
}

.ep-categories-row .kt-inside-inner-col a{
  position: relative;
  z-index: 2;
}

/* overlay link */
.ep-categories-row .kt-inside-inner-col::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
}
.ep-categories-row .kt-inside-inner-col{
  cursor:pointer;
}
.ep-categories-row .kt-inside-inner-col:hover a{
  color:#0284c7;
}
/* ===== MOBILE SWIPE KATEGÓRIE ===== */
@media (max-width: 767px){

  /* wrapper */
  .ep-categories-row .kt-row-column-wrap{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    gap:12px;
    padding:0 8px 6px;

    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
  }

  /* schovať scrollbar */
  .ep-categories-row .kt-row-column-wrap::-webkit-scrollbar{
    display:none;
  }

  /* každý stĺpec */
  .ep-categories-row .wp-block-kadence-column{
    flex:0 0 auto !important;
    width:auto !important;
  }

  /* KARTA – kľúč */
  .ep-categories-row .kt-inside-inner-col{
    width:140px; /* 👈 toto riadi koľko vidíš */
    padding:16px 12px;
    border-radius:14px;

    scroll-snap-align:start;
  }

  /* obrázok */
  .ep-categories-row img{
    max-height:55px;
    height:auto;
  }

  /* text */
  .ep-categories-row p a{
    font-size:14px;
    line-height:1.2;
  }
}
.ep-splatky-banner{
  max-width:980px;
  margin:30px auto;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(15,23,42,0.08);
}

.ep-splatky-banner img{
  width:100%;
  height:auto;
  display:block;
  transition:transform .3s ease;
}

/* hover len na desktop */
@media (hover:hover){
  .ep-splatky-banner:hover img{
    transform:scale(1.02);
  }
}

/* mobile spacing */
@media (max-width:767px){
  .ep-splatky-banner{
    margin:20px 12px;
    border-radius:14px;
  }
}
.ep-payments{
  margin-top:20px;
}

.ep-payments-title{
  display:block;
  font-size:13px;
  color:#64748b;
  margin-bottom:10px;
  font-weight:600;
}

/* wrapper */
.ep-payments-logos{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}

/* všetky logá */
.ep-payments-logos img{
  height:24px;
  width:auto;
  max-width:90px;
  object-fit:contain;
  opacity:0.9;
  transition:all .2s ease;
}

/* hover */
.ep-payments-logos img:hover{
  opacity:1;
  transform:translateY(-1px);
}
.ep-lang{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:center;
  font-size:14px;
}

.ep-lang a{
  text-decoration:none;
  color:#64748b;
  padding:6px 10px;
  border-radius:8px;
  transition:all .2s ease;
}

.ep-lang a:hover{
  background:#f1f5f9;
  color:#0f172a;
}

.ep-lang a.active{
  background:#0f172a;
  color:#fff;
}
/* wrapper */
.ep-payments{
  text-align:center;
}

/* title */
.ep-payments-title{
  display:block;
  text-align:center;
  margin-bottom:10px;
}

/* LOGÁ – hlavný fix */
.ep-payments-logos{
  display:flex;
  justify-content:center;   /* 🔥 KĽÚČOVÉ */
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin:0 auto;
}

/* jednotlivé logá */
.ep-payments-logos img{
  display:block;
  height:24px;
  width:auto;
  object-fit:contain;
}
/* linka nad spodným footer riadkom */
.site-bottom-footer-wrap{
  border-top:1px solid rgba(15,23,42,.08) !important;
  margin-top:18px !important;
}

.site-bottom-footer-wrap .site-footer-row-container-inner{
  padding-top:14px !important;
}
@media (max-width: 768px){

/* ===== JAZYK – BOOST PRIORITY ===== */
.wpml-ls{
  display:flex !important;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin:20px 0 10px;
  order:1;
}

.wpml-ls a{
  font-size:14px;
  padding:8px 14px;
  border-radius:999px;
  background:#f1f5f9;
  color:#0f172a;
  font-weight:500;
}

/* AKTÍVNY JAZYK */
.wpml-ls-current-language a{
  background:#0ea5e9 !important;
  color:#fff !important;
  box-shadow:0 4px 12px rgba(14,165,233,.25);
}

/* ===== SOCIAL – POTLAČIŤ ===== */
.footer-social,
.kt-social-icons{
  margin-top:10px;
  opacity:.85;
  transform:scale(.9);
  order:2;
}

/* ===== PLATBY – VIAC DÔVERY ===== */
.ep-payments{
  margin-bottom:10px;
}

.ep-payments-title{
  font-size:13px;
  margin-bottom:6px;
  color:#64748b;
}

/* ===== ZMENA PORADIA BLOKOV ===== */
.site-bottom-footer-inner-wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
}

/* language nad social */
.wpml-ls{
  order:1;
}
.kt-social-icons{
  order:2;
}

/* copyright dole */
.site-footer-bottom-section-3{
  order:3;
  margin-top:10px;
}

/* ===== ZMENŠIŤ SOCIAL IKONY ===== */
.kt-social-icons a{
  width:38px;
  height:38px;
}

/* ===== HOVER jemnejší ===== */
.kt-social-icons a:hover{
  transform:scale(1);
}

}
@media (max-width:768px){

.wpml-ls a{
  font-size:15px;
  padding:10px 16px;
}

.wpml-ls-current-language a{
  transform:scale(1.05);
}

}
.kt-social-icons{
  opacity:.8;
}
/* ===== SPLÁTKY – FINAL PRO MODULE ===== */

.ep-splatky-banner{
  margin:32px 0;
}

/* MAIN CARD */
.ep-splatky-wrap{
  display:grid;
  grid-template-columns: 1fr 1fr;
  align-items:center;
  border-radius:20px;
  overflow:hidden;

  background:#fff;
  border:1px solid rgba(15,23,42,.06);

  box-shadow:
    0 12px 40px rgba(2,6,23,.08),
    0 2px 6px rgba(2,6,23,.04);

  transition:.25s ease;
}

/* HOVER = jemný lift */
.ep-splatky-wrap:hover{
  transform:translateY(-3px);
  box-shadow:
    0 18px 50px rgba(2,6,23,.12),
    0 4px 12px rgba(2,6,23,.06);
}

/* ===== LEFT TEXT ===== */

.ep-splatky-text{
  padding:36px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* BADGE */
.ep-splatky-badge{
  display:inline-block;
  font-size:12px;
  font-weight:600;
  color:#0284c7;
  background:#e0f2fe;
  padding:6px 12px;
  border-radius:999px;
  margin-bottom:16px;
  width:max-content;
}

/* HEADLINE */
.ep-splatky-text h3{
  font-size:28px;
  font-weight:700;
  color:#0f172a;
  margin:0 0 14px;
  line-height:1.2;
}

/* MAIN TEXT */
.ep-splatky-main{
  font-size:16px;
  color:#334155;
  margin-bottom:6px;
}

/* SUBTEXT */
.ep-splatky-sub{
  font-size:14px;
  color:#64748b;
  margin-bottom:14px;
}

/* HIGHLIGHT */
.ep-splatky-highlight{
  font-size:14px;
  font-weight:600;
  color:#0ea5e9;
}

/* ===== RIGHT IMAGE (CTA) ===== */

.ep-splatky-img{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;

  background:linear-gradient(180deg,#ffffff,#f8fafc);
  border-left:1px solid rgba(15,23,42,.05);

  position:relative;
}

/* IMAGE */
.ep-splatky-img img{
  width:100%;
  max-width:520px;
  height:auto;
  object-fit:contain;

  transition:.35s ease;
}

/* HOVER CTA EFFECT */
.ep-splatky-img:hover img{
  transform:scale(1.05);
}

/* CLICK HINT (subtle glow) */
.ep-splatky-img::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent, rgba(14,165,233,.08), transparent);
  opacity:0;
  transition:.3s;
}

.ep-splatky-img:hover::after{
  opacity:1;
}

/* ===== MOBILE ===== */

@media (max-width:768px){

  .ep-splatky-wrap{
    grid-template-columns:1fr;
  }

  .ep-splatky-text{
    padding:24px;
    text-align:center;
  }

  .ep-splatky-text h3{
    font-size:22px;
  }

  .ep-splatky-main{
    font-size:15px;
  }

  .ep-splatky-img{
    border-left:none;
    border-top:1px solid rgba(15,23,42,.05);
    padding:18px;
  }

}
/* TOP menu items – highlight */
#primary-menu > li:nth-child(2) > a,
#primary-menu > li:nth-child(3) > a,
#primary-menu > li:nth-child(4) > a{
  font-weight:700;
  color:#0f172a;
}

/* jemný hover efekt */
#primary-menu > li > a{
  transition: all .15s ease;
}
#primary-menu > li > a:hover{
  color:#00b5e2;
}
#primary-menu{
  gap: 22px !important;
}

#primary-menu > li > a{
  padding: 10px 4px !important;
  font-size:15px;
}
/* =========================================================
   EXTRAPRÍVLAČ – FINAL MOBILE MENU (PRO UX/UI)
   ========================================================= */

/* BACKGROUND */
.drawer-content.mobile-drawer-content{
  background: linear-gradient(180deg,#020617,#020617 40%,#0f172a) !important;
}

/* RESET všetkého */
#mobile-menu li,
#mobile-menu .drawer-nav-drop-wrap{
  background:transparent !important;
}

/* =========================================================
   LEVEL 1 – HLAVNÉ KATEGÓRIE
   ========================================================= */
#mobile-menu > li > a,
#mobile-menu > li > .drawer-nav-drop-wrap > a{

  padding:16px 18px !important;

  font-size:16px;
  font-weight:600;

  color:#f1f5f9 !important;

  border-bottom:1px solid rgba(255,255,255,.06);

  display:flex;
  align-items:center;
  justify-content:space-between;

  transition: all .15s ease;
}

/* jemný hover/tap */
#mobile-menu > li > a:active,
#mobile-menu > li > .drawer-nav-drop-wrap > a:active{
  background:rgba(255,255,255,.04) !important;
}

/* =========================================================
   LEVEL 2 – PODKATEGÓRIE
   ========================================================= */
#mobile-menu .sub-menu{
  margin-top:4px;
}

#mobile-menu .sub-menu li a{

  padding:14px 18px 14px 32px !important;

  font-size:14.5px;
  font-weight:500;

  color:#cbd5f5 !important;

  background:rgba(255,255,255,.02) !important;

  border-bottom:1px solid rgba(255,255,255,.04);
}

/* jemný hover */
#mobile-menu .sub-menu li a:active{
  background:rgba(255,255,255,.05) !important;
}

/* =========================================================
   AKTÍVNA KATEGÓRIA (JEDINÁ zvýraznená)
   ========================================================= */
#mobile-menu .current-menu-item > a,
#mobile-menu .current-menu-parent > .drawer-nav-drop-wrap > a{

  background: linear-gradient(90deg, rgba(14,165,233,.15), rgba(37,99,235,.15)) !important;

  color:#fff !important;

  border-radius:10px;
}

/* =========================================================
   ŠÍPKY (len vizuálne, čisté)
   ========================================================= */
#mobile-menu .drawer-sub-toggle{
  background:transparent !important;
  border:none !important;
  opacity:.6;
}

#mobile-menu .menu-item-has-children > .drawer-nav-drop-wrap > a::after{
  content:"›";
  font-size:18px;
  opacity:.5;
}

/* =========================================================
   UNIFIED TOP LEVEL ITEMS (FIX COLOR ISSUE)
   ========================================================= */

/* VŠETKY hlavné položky rovnaké */
#mobile-menu > li > a,
#mobile-menu > li > .drawer-nav-drop-wrap > a{

  background:transparent !important;
  color:#e5e7eb !important;

  padding:16px 18px !important;

  font-size:16px;
  font-weight:600;

  border-bottom:1px solid rgba(255,255,255,.06);

  display:flex;
  align-items:center;
  justify-content:space-between;
}
/* WRAPPER */
.searchwp-form{
  position: relative;
}

/* INPUT OK nechaj ako máš */

/* RESULTS – NEPREPÍNAŤ POSITION */
.searchwp-live-search-results{

  /* ❌ ZMAZAŤ absolute */
  /* position: absolute !important; */

  width: 100% !important;
  max-width: 600px; /* alebo podľa headeru */

  border-radius: 12px;
  overflow: hidden;

  background: #ffffff;
  border: 1px solid rgba(15,23,42,0.08);

  box-shadow: 0 12px 30px rgba(15,23,42,0.15);

  z-index: 9999;
}
/* =========================================================
   MENU – CLEAN UNIFIED (DESKTOP + MOBILE)
   FIX: bold, highlight, consistency
   ========================================================= */

/* =========================
   DESKTOP MENU RESET
========================= */

/* odstráni náhodné boldy */
#primary-menu > li > a{
  font-weight:600 !important;
  color:#0f172a !important;
}

/* zruši staré highlight hacky */
#primary-menu > li:nth-child(2) > a,
#primary-menu > li:nth-child(3) > a,
#primary-menu > li:nth-child(4) > a{
  font-weight:600 !important;
  color:#0f172a !important;
}

/* spacing + typografia */
#primary-menu{
  gap:20px !important;
}

#primary-menu > li > a{
  padding:10px 6px !important;
  font-size:15px !important;
  line-height:1.2;
  transition:all .15s ease;
}

/* hover */
#primary-menu > li > a:hover{
  color:#0284c7 !important;
}

/* ACTIVE – jediný zvýraznený stav */
#primary-menu > li.current-menu-item > a,
#primary-menu > li.current-menu-parent > a{
  color:#0284c7 !important;
  font-weight:700 !important;
}

/* zruši underline pseudo efekty */
#primary-menu > li > a::after{
  display:none !important;
}



/* =========================
   MOBILE MENU CLEAN
========================= */

/* RESET duplicít */
#mobile-menu li{
  background:transparent !important;
}

/* TOP LEVEL */
#mobile-menu > li > a,
#mobile-menu > li > .drawer-nav-drop-wrap > a{

  padding:16px 18px !important;

  font-size:15.5px !important;
  font-weight:600 !important;

  color:#e2e8f0 !important;

  border-bottom:1px solid rgba(255,255,255,.05) !important;

  background:transparent !important;

  display:flex;
  align-items:center;
  justify-content:space-between;

  transition:background .15s ease;
}

/* tap feedback */
#mobile-menu > li > a:active{
  background:rgba(255,255,255,.05) !important;
}

/* SUBMENU */
#mobile-menu .sub-menu li a{

  padding:14px 18px 14px 34px !important;

  font-size:14px !important;
  font-weight:500 !important;

  color:#cbd5f5 !important;

  background:rgba(255,255,255,.02) !important;
  border-bottom:1px solid rgba(255,255,255,.04);
}

/* ACTIVE */
#mobile-menu .current-menu-item > a,
#mobile-menu .current-menu-parent > .drawer-nav-drop-wrap > a{

  background:rgba(14,165,233,.15) !important;
  color:#ffffff !important;

  border-radius:10px !important;
}

/* odstráni custom arrow konflikty */
#mobile-menu .menu-item-has-children > .drawer-nav-drop-wrap > a::after{
  content:none !important;
}



/* =========================
   STELLA – SAFE OVERRIDE
========================= */

/* nech neprebije celý systém */
li.menu-stella > a{
  font-weight:700 !important;
}

/* mobile jemnejšie */
@media(max-width:768px){
  .menu-stella a{
    margin:10px 14px !important;
    padding:14px !important;
    border-radius:14px !important;
  }
}
.payment_method_tatrapayplus label{
  font-weight:700;
}

.payment_method_tatrapayplus{
  border:2px solid rgba(59,130,246,0.15);
  border-radius:12px;
  padding:10px;
  background:#f8fafc;
}
/* =========================================================
   ADD TO CART + SPLÁTKY – HARD FIX
   ========================================================= */

/* form layout */
form.cart{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center;
  gap:10px;
}

/* quantity */
form.cart .quantity{
  flex:0 0 auto;
}

/* add to cart */
form.cart .single_add_to_cart_button{
  flex:1;
  min-width:0;
  height:56px !important;
  border-radius:14px !important;
  font-weight:700 !important;
}

/* 🔥 KĽÚČOVÉ – widget ide na nový riadok */
form.cart na-splatky-button{
  display:block !important;
  flex:0 0 100% !important;
  width:100% !important;
  order:99 !important; /* vždy posledné */
  margin-top:10px !important;
}

/* reset wrapperov čo to kazia */
form.cart > *{
  max-width:100%;
}

/* MOBILE */
@media(max-width:768px){

  form.cart{
    gap:8px;
  }

  form.cart .single_add_to_cart_button{
    height:54px !important;
    font-size:15px !important;
  }

}
/* =========================================================
   PRICE – CLEAN INLINE STYLE (BETTER UX)
   ========================================================= */

.ep-price{
  margin:6px 0 10px;
  padding:0;
  background:none;
  border:none;
}

/* riadok */
.ep-price ins{
  display:flex;
  align-items:baseline;
  gap:8px;
}

/* hlavná cena */
.ep-price .woocommerce-Price-amount{
  font-size:32px;
  font-weight:800;
  color:#0f172a;
}

/* stará cena */
.ep-price del{
  display:inline-block;
  margin-right:6px;
}

.ep-price del .woocommerce-Price-amount{
  font-size:14px;
  color:#94a3b8;
}

/* DPH */
.ep-price small{
  display:block;
  font-size:12px;
  color:#64748b;
  margin-top:2px;
}

/* mobile */
@media(max-width:768px){
  .ep-price .woocommerce-Price-amount{
    font-size:28px;
  }
}
/* ===============================
   ECOMAIL NEWSLETTER – FINAL FIXED
   =============================== */

/* wrapper */
.ep-newsletter-clean {
  max-width: 420px;
}

/* HEAD */
.ep-newsletter-head h3 {
  font-size: 20px;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 6px;
}

.ep-newsletter-head p {
  font-size: 14px;
  color: #64748b;
  margin: 0 0 14px;
}

/* RESET ECOMAIL BOX */
.ec-v-form-holder-basic,
.ec-v-form-holder {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  width: 100% !important;
}

/* ❗ NECHAJ STEP LOGIKU NA ECOMAIL */
.ec-v-form-step {
  overflow: visible !important;
}

/* 🔥 HIDE DUPLICITY LEN V PRVOM KROKU */
.ec-v-form-step-visible:not(.ec-v-form-step-send) .ec-v-forms-label,
.ec-v-form-step-visible:not(.ec-v-form-step-send) .ec-v-form-text {
  display: none !important;
}

/* INPUT */
.ec-v-form-input input {
  width: 100% !important;
  height: 48px;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  padding: 0 14px;
  font-size: 14px;
  margin-bottom: 10px;
  background: #ffffff;
  color: #0f172a;
}

.ec-v-form-input input::placeholder {
  color: #94a3b8;
}

.ec-v-form-input input:focus {
  border-color: #194d33;
  box-shadow: 0 0 0 2px rgba(25,77,51,0.12);
  outline: none;
}

/* BUTTON */
.ec-v-form-button button {
  width: 100% !important;
  height: 48px;
  border-radius: 12px;
  background: #194d33;
  color: #ffffff;
  font-weight: 600;
  border: none;
  transition: 0.2s ease;
}

.ec-v-form-button button:hover {
  background: #143c29;
}

/* spacing fix */
.ec-v-form-input,
.ec-v-form-button {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ===============================
   SUCCESS SCREEN FIX
   =============================== */

/* odstráni prázdny spacer */
.ec-v-form-step-send .ec-v-form-spacer {
  display: none !important;
}

/* reset layout */
.ec-v-form-step-send .ec-v-form-column {
  padding: 0 !important;
}

/* 🔥 KRITICKÉ – zobraz success text */
.ec-v-form-step-send .ec-v-form-text {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
  color: #194d33 !important;
}

/* success headline */
.ec-v-form-step-send h2 {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  color: #194d33 !important;
  font-family: inherit !important;
}
/* =========================================================
   FOOTER ACCORDION – MOBILE ONLY (CLEAN VERSION)
   ========================================================= */
@media (max-width:767px){

  /* wrapper */
  .ep-acc-item{
    background:#fff;
    border:1px solid rgba(15,23,42,.08);
    border-radius:14px;
    overflow:hidden;
    margin-bottom:10px;
    box-shadow:0 6px 18px rgba(15,23,42,.04);
  }

  /* HEADER – čistý, žiadna oranžová */
  .ep-acc-toggle{
    width:100%;
    padding:15px 16px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#ffffff;
    color:#0f172a;
    border:0;
    font-weight:800;
    font-size:15px;
    cursor:pointer;
  }

  .ep-acc-toggle::after{
    content:"⌄";
    font-size:16px;
    color:#64748b;
    transition:.2s;
  }

  .ep-acc-item.active .ep-acc-toggle::after{
    transform:rotate(180deg);
  }

  /* CONTENT */
  .ep-acc-content{
    display:none;
    padding:14px 16px 16px;
    background:#ffffff;
  }

  .ep-acc-item.active .ep-acc-content{
    display:block;
  }

  /* odstráni “card v card” efekt */
  .ep-acc-content .widget,
  .ep-acc-content .widget_block,
  .ep-acc-content .epf-block{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
    margin:0 !important;
  }

  /* =========================================================
     NEWSLETTER – COMPACT + CONVERSION
     ========================================================= */

  .ep-newsletter-clean{
    margin:0;
  }

  .ep-newsletter-head{
    margin-bottom:10px;
  }

  .ep-newsletter-head h3{
    font-size:18px;
    font-weight:800;
    color:#0f172a;
    margin-bottom:4px;
  }

  .ep-newsletter-head p{
    font-size:14px;
    color:#64748b;
    margin-bottom:10px;
  }

  .ep-newsletter-benefits{
    list-style:none;
    padding:0;
    margin:0 0 12px;
  }

  .ep-newsletter-benefits li{
    font-size:14px;
    margin-bottom:6px;
    color:#0f172a;
    padding-left:18px;
    position:relative;
  }

  .ep-newsletter-benefits li::before{
    content:"✓";
    position:absolute;
    left:0;
    color:#16a34a;
    font-weight:700;
  }

  /* FORM */
  .ec-v-form-holder-basic,
  .ec-v-form-holder{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
  }

  .ec-v-form-input input{
    width:100% !important;
    height:46px;
    border-radius:12px;
    border:1px solid #e2e8f0;
    padding:0 14px;
    font-size:14px;
    margin-bottom:10px;
  }

  .ec-v-form-input input:focus{
    border-color:#0f172a;
    box-shadow:0 0 0 2px rgba(15,23,42,.1);
    outline:none;
  }

  /* CTA */
  .ec-v-form-button button{
    width:100% !important;
    height:46px;
    border-radius:12px;
    background:#0f172a !important;
    color:#ffffff !important;
    font-weight:800;
    border:none;
  }

  .ec-v-form-button button:hover{
    background:#020617 !important;
  }

}
/* =========================================================
   EXTRAPRIVLAC – CLEAN STABLE UI PACK
   OPTIMIZED / NO SAFARI BUGS / NO DUPLICATES
========================================================= */

/* =========================================================
   TOAST NOTIFICATION
========================================================= */

.ep-cart-toast{
    position:fixed;
    left:50%;
    bottom:24px;
    transform:translateX(-50%) translateY(120%);
    display:flex;
    align-items:center;
    gap:10px;

    padding:14px 18px;

    background:#0f172a;
    color:#fff;

    border-radius:14px;

    font-size:14px;
    font-weight:700;

    box-shadow:
        0 12px 32px rgba(0,0,0,.22);

    z-index:9999;

    opacity:0;

    transition:
        transform .25s ease,
        opacity .25s ease;

    pointer-events:none;
}

.ep-cart-toast.show{
    transform:translateX(-50%) translateY(0);
    opacity:1;
}

/* =========================================================
   FREE SHIPPING BAR
========================================================= */

.ep-free-shipping{
    margin-bottom:16px;

    padding:16px;

    border-radius:16px;

    background:
        linear-gradient(
            135deg,
            #0f172a 0%,
            #1e293b 100%
        );

    color:#fff;

    box-shadow:
        0 10px 24px rgba(15,23,42,.14);
}

.ep-fs-text{
    margin-bottom:10px;

    text-align:center;

    font-size:15px;
    font-weight:700;

    line-height:1.45;
}

.ep-fs-bar{
    width:100%;
    height:8px;

    overflow:hidden;

    border-radius:999px;

    background:
        rgba(255,255,255,.14);
}

.ep-fs-progress{
    height:100%;
    width:0;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #22c55e,
            #4ade80
        );
}

@media(max-width:600px){

    .ep-free-shipping{
        padding:14px;
    }

    .ep-fs-text{
        font-size:14px;
    }

}

/* =========================================================
   STOCK BADGES
========================================================= */

.ep-stock{
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;

    padding:5px 10px !important;

    border-radius:999px !important;

    font-size:13px !important;
    font-weight:800 !important;
    line-height:1.2 !important;

    white-space:nowrap !important;

    color:#0f172a !important;
}

.ep-stock::before{
    content:"";

    width:9px;
    height:9px;

    border-radius:999px;

    flex:0 0 9px;
}

.ep-stock--in{
    background:rgba(16,185,129,.12) !important;
}

.ep-stock--in::before{
    background:#10b981;
}

.ep-stock--backorder{
    background:rgba(245,158,11,.15) !important;
}

.ep-stock--backorder::before{
    background:#f59e0b;
}

.ep-stock--out{
    background:rgba(239,68,68,.12) !important;
    color:#991b1b !important;
}

.ep-stock--out::before{
    background:#ef4444;
}

/* =========================================================
   TICKETS BOX
========================================================= */

.woocommerce .ep-tickets-box{
    margin:12px 0 !important;

    padding:16px !important;

    border-radius:14px !important;

    background:
        linear-gradient(
            135deg,
            #0f172a,
            #1e293b
        ) !important;

    color:#fff !important;

    text-align:center;

    font-size:16px;
    font-weight:700;

    box-shadow:
        0 10px 24px rgba(15,23,42,.14);
}

.woocommerce .ep-count{
    color:#22c55e !important;

    font-size:22px;
    font-weight:800;
}

.woocommerce .ep-missing{
    color:#facc15 !important;

    font-size:16px;
    font-weight:800;
}

.woocommerce .ep-sub{
    display:block;

    margin-top:6px;

    font-size:13px;

    opacity:.9;
}

.woocommerce .ep-sutaz-link{
    display:inline-block;

    margin-top:10px;

    color:#22c55e !important;

    font-size:14px;

    text-decoration:underline;
}

/* =========================================================
   MENU HIGHLIGHT
========================================================= */

.menu-sutaz-highlight > a{
    position:relative;

    display:block;

    padding:10px 14px;

    border-radius:10px;

    background:
        linear-gradient(
            135deg,
            #22c55e,
            #16a34a
        );

    color:#fff !important;

    font-weight:700;

    box-shadow:
        0 6px 18px rgba(0,0,0,.18);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.menu-sutaz-highlight > a:hover{
    transform:translateY(-2px);

    box-shadow:
        0 10px 24px rgba(0,0,0,.24);
}

.menu-sutaz-highlight > a::after{
    content:"LIVE";

    position:absolute;

    top:6px;
    right:10px;

    padding:2px 6px;

    border-radius:6px;

    background:#ef4444;

    color:#fff;

    font-size:10px;
    font-weight:700;
}

/* =========================================================
   PRODUCT VARIATIONS
========================================================= */

.single-product .variations{
    width:100%;
}

.single-product .variations tr{
    display:flex;
    flex-direction:column;
    align-items:flex-start;

    width:100%;

    margin-bottom:18px;
}

.single-product .variations th.label{
    width:100%;

    margin-bottom:6px;
}

.single-product .variations th.label label{
    display:block;

    font-weight:600;
}

.single-product .variations td.value{
    width:100%;

    padding:0;
}

.single-product .wcboost-variation-swatches__selected-label{
    display:block;

    width:100%;

    overflow:hidden;

    white-space:nowrap;
    text-overflow:ellipsis;

    font-weight:500;
}

/* =========================================================
   SWATCH GRID
========================================================= */

.single-product .wcboost-variation-swatches__wrapper{
    display:grid !important;

    width:100%;

    grid-template-columns:repeat(4,1fr);

    gap:10px;
}

@media(min-width:768px){

    .single-product .wcboost-variation-swatches__wrapper{
        grid-template-columns:repeat(5,1fr);
    }

}

@media(min-width:1024px){

    .single-product .wcboost-variation-swatches__wrapper{
        grid-template-columns:repeat(6,1fr);
    }

}

@media(min-width:1280px){

    .single-product .wcboost-variation-swatches__wrapper{
        grid-template-columns:repeat(7,1fr);
    }

}

@media(max-width:480px){

    .single-product .wcboost-variation-swatches__wrapper{
        grid-template-columns:repeat(3,1fr);
    }

}

/* =========================================================
   SWATCH ITEMS
========================================================= */

.single-product .wcboost-variation-swatches__item{
    position:relative;

    width:100%;

    aspect-ratio:1/1;

    overflow:hidden;

    border:1px solid #e5e7eb;
    border-radius:12px;

    background:#fff;

    transition:
        border-color .18s ease,
        transform .18s ease;
}

.single-product .wcboost-variation-swatches__item:hover{
    transform:scale(1.03);

    border-color:#0ea5e9;
}

.single-product .wcboost-variation-swatches__item.selected{
    border:2px solid #22c55e;
}

.single-product .wcboost-variation-swatches__item img{
    width:100%;
    height:100%;

    object-fit:contain;

    padding:6px;
}

.single-product .summary{
    overflow:hidden;
}

/* =========================================================
   OUT OF STOCK SWATCHES
========================================================= */

.kt_disabled,
.wcboost-variation-swatches__item.disabled,
.wcboost-variation-swatches__item[aria-disabled="true"],
.wcboost-variation-swatches__item.ep-out{
    position:relative;

    opacity:.35;

    pointer-events:none !important;

    cursor:not-allowed;
}

.kt_disabled:hover,
.wcboost-variation-swatches__item.disabled:hover{
    transform:none !important;
    box-shadow:none !important;
}

.kt_disabled::after,
.wcboost-variation-swatches__item.disabled::after,
.wcboost-variation-swatches__item.ep-out::after{
    content:"";

    position:absolute;

    inset:0;

    border-radius:10px;

    background:
        linear-gradient(
            45deg,
            transparent 45%,
            #ef4444 45%,
            #ef4444 55%,
            transparent 55%
        );
}

.kt_disabled img{
    filter:grayscale(100%);
    opacity:.6;
}

/* =========================================================
   CLEAN SELECT
========================================================= */

.woocommerce div.product form.cart .variations select{
    width:100%;

    height:50px;

    padding:0 40px 0 14px;

    border:1.5px solid #d1d5db;
    border-radius:10px;

    background:#fff;

    color:#111827;

    font-size:15px;
    font-weight:500;

    appearance:none;
    -webkit-appearance:none;

    cursor:pointer;

    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}

.woocommerce div.product form.cart .variations select:hover{
    border-color:#9ca3af;
}

.woocommerce div.product form.cart .variations select:focus{
    outline:none;

    border-color:#22c55e;

    box-shadow:
        0 0 0 2px rgba(34,197,94,.15);
}

/* =========================================================
   SHIPPING UI
========================================================= */

.woocommerce ul#shipping_method{
    margin:0 !important;
    padding:0 !important;
}

.woocommerce ul#shipping_method li{
    list-style:none !important;

    margin:0 0 8px 0 !important;

    padding:10px 14px !important;

    border:1px solid rgba(15,23,42,.08);
    border-radius:14px;

    background:#fff;

    line-height:1.3;

    transition:
        border-color .2s ease,
        background .2s ease;
}

.woocommerce ul#shipping_method li:hover{
    border-color:rgba(15,23,42,.16);
}

.woocommerce ul#shipping_method label{
    display:inline !important;

    color:#0f172a;

    font-size:15px;
    font-weight:700;
}

.woocommerce ul#shipping_method .amount{
    color:#0f172a;

    font-weight:800;
}

@media(max-width:768px){

    .woocommerce ul#shipping_method li{
        padding:10px 12px !important;
    }

    .woocommerce ul#shipping_method label{
        font-size:14px;
    }

}

/* =========================================================
   MOBILE SAFARI FIX
========================================================= */

@media(max-width:768px){

    html,
    body{
        overflow-x:hidden;
        -webkit-overflow-scrolling:touch;
    }

    .wc-block-components-sidebar,
    .wc-block-components-sidebar-layout,
    .wc-block-components-totals-wrapper{

        position:static !important;

        transform:none !important;
        transition:none !important;
        will-change:auto !important;

        box-shadow:none !important;

    }

    .wc-block-cart__submit{

        position:relative !important;

        margin-top:18px;

        padding-top:14px;

        background:#fff;

        border-top:
            1px solid rgba(15,23,42,.06);

    }

    .ep-fs-progress{
        transition:none !important;
    }

}

/* =========================================================
   SPLÁTKY FIX
========================================================= */

@media(max-width:768px){

    na-splatky-button{
        display:block !important;

        width:100% !important;

        transform:scale(.82);

        transform-origin:left top;

        margin-bottom:-40px;
    }

}

#kadence-mobile-sticky-add-to-cart na-splatky-button,
#kadence-sticky-add-to-cart na-splatky-button{
    display:none !important;
}

/* =========================================================
   SCROLL BUTTON
========================================================= */

#kt-scroll-up{
    bottom:60px !important;
}

@media(max-width:768px){

    #kt-scroll-up{
        bottom:120px !important;
    }

}
/* =========================================
   IOS SAFARI FINAL SCROLL JUMP FIX
========================================= */

html,
body{
    overflow-x:hidden;
}

/* sticky repaint fix */
body.woocommerce-cart .wc-block-cart__submit,
body.woocommerce-checkout .wc-block-components-sidebar,
body.woocommerce-checkout .wc-block-components-totals-wrapper{

    will-change:auto !important;

    transform:none !important;
    transition:none !important;
}
/* =========================================
   IOS SAFARI – REAL FINAL FIX
========================================= */

html,
body{
    overflow-x:hidden;
}

/* checkout/cart stabilita */
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-order-received{
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
}

/* zabráni layout shiftu */
body.woocommerce-checkout .site,
body.woocommerce-cart .site{
    overflow-x:hidden;
}

/* footer stabilita */
.ep-checkout-footer{
    position:relative;
    overflow:hidden;
    will-change:auto !important;
    transform:none !important;
}

/* Woo sidebar */
.wc-block-components-sidebar,
.wc-block-components-totals-wrapper,
.wc-block-cart__submit{
    transform:none !important;
    transition:none !important;
    will-change:auto !important;
}

/* splátky widget */
na-splatky-button{
    transform:none !important;
    contain:none !important;
}
.ep-search-wrap{
  width:100%;
  margin:0;
  padding:10px 16px;
  box-sizing:border-box;
}
@supports (-webkit-touch-callout: none) {

  body{
      height:auto !important;
      min-height:100%;
  }

  .site{
      overflow:hidden;
  }

}
/* =========================================================
   TB SPLÁTKY – MOBILE SCALE ONLY
   nezreže widget, iba ho zmenší
   ========================================================= */

@media (max-width:768px){

  na-splatky-button{
    display:block !important;

    transform:scale(.80) !important;
    transform-origin:left top !important;

    width:125% !important;
    max-width:125% !important;

    margin-bottom:-38px !important;

    overflow:visible !important;
  }

}
/* =========================================================
   GDPR / COOKIE BUTTON
========================================================= */

#ccwps-floating-icon{

    width:46px !important;
    height:46px !important;

    bottom:78px !important;
    left:14px !important;

    border-radius:14px !important;

    transform:scale(.9);

    opacity:.5;

    backdrop-filter:blur(6px);

    box-shadow:
        0 8px 22px rgba(15,23,42,.14) !important;

    transition:
        opacity .2s ease,
        transform .2s ease;
}

#ccwps-floating-icon:hover{

    opacity:.95;

    transform:scale(.95);
}

#ccwps-floating-icon svg{

    width:18px !important;
    height:18px !important;
}

/* MOBILE */

@media(max-width:768px){

    #ccwps-floating-icon{

        width:42px !important;
        height:42px !important;

        bottom:72px !important;
        left:12px !important;

        border-radius:13px !important;
    }

    #ccwps-floating-icon svg{

        width:16px !important;
        height:16px !important;
    }

}
/* ===== EXTRAPRÍVLAČ KLUB BADGE ===== */

.ep-klub-price-note{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    width:100%;
    min-height:42px;

    margin-top:10px;
    padding:10px 14px;

    background:linear-gradient(
        180deg,
        #f8fbff 0%,
        #eef5ff 100%
    );

    border:1px solid #c9dcff;
    border-radius:14px;

    color:#1d4e9e;

    font-size:13px;
    font-weight:700;
    line-height:1.3;
    text-align:center;

    transition:.25s ease;
    overflow:hidden;
}

/* jemný lesk */
.ep-klub-price-note::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,255,255,.55) 45%,
        transparent 100%
    );
    pointer-events:none;
}

/* ikona */
.ep-klub-price-note::before{
    content:"★";
    flex-shrink:0;

    width:22px;
    height:22px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#1d4e9e;
    color:#fff;

    font-size:11px;
    font-weight:900;
}

/* hover desktop */
@media (hover:hover){

    .products li:hover .ep-klub-price-note{
        border-color:#9ec0ff;
        transform:translateY(-1px);

        box-shadow:
        0 4px 12px rgba(29,78,158,.10);
    }

}

/* mobil */
@media(max-width:767px){

    .ep-klub-price-note{
        font-size:12px;
        padding:8px 10px;
        min-height:38px;
        border-radius:12px;
    }

    .ep-klub-price-note::before{
        width:18px;
        height:18px;
        font-size:9px;
    }

}
/* My Account Layout */
.woocommerce-account .woocommerce-MyAccount-navigation{
    width:280px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul{
    margin:0;
    padding:0;
    list-style:none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li{
    margin-bottom:8px;
}

.woocommerce-account .woocommerce-MyAccount-navigation a{
    display:block;
    padding:14px 18px;
    border-radius:12px;
    text-decoration:none;
    color:#1e293b;
    font-weight:600;
    transition:.2s;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover{
    background:#f1f5f9;
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{
    background:#1e4f91;
    color:#fff;
    box-shadow:0 8px 20px rgba(30,79,145,.18);
}
.ep-footer-tools {
  margin: 18px 0 26px;
}

.ep-footer-tools h4 {
  margin: 0 0 10px;
}

.ep-footer-tool {
  display: block;
  padding: 12px 14px;
  margin: 0 0 8px;
  border: 1px solid #dbe4f0;
  border-radius: 8px;
  background: #f8fbff;
  text-decoration: none !important;
}

.ep-footer-tool strong {
  display: block;
  color: #1f2937;
  font-size: 15px;
  line-height: 1.25;
  text-decoration: none;
}

.ep-footer-tool span {
  display: block;
  margin-top: 3px;
  color: #667085;
  font-size: 13px;
  line-height: 1.35;
  text-decoration: none;
}

.ep-footer-tool:hover {
  border-color: #245496;
  background: #f2f7ff;
}
@media (max-width: 600px) {
  body .ep-payment-mobile-fix {
    width: auto !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  body .ep-payment-mobile-fix .wc-block-components-radio-control {
    width: auto !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body .ep-payment-mobile-fix .wc-block-components-radio-control__option {
    width: auto !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body .ep-payment-mobile-fix .wc-block-components-radio-control__option-layout {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}
@media (max-width: 600px) {
  body .ep-payment-mobile-fix .wc-block-components-radio-control {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 60px) !important;
  }
}
/* Súťaž v menu – čisté jemné zvýraznenie */

/* Odstránenie všetkých starých ikon a štítkov */
li.ep-menu-sutaz > a::before,
li.ep-menu-sutaz > a::after {
	content: none !important;
	display: none !important;
}

/* Spoločné vlastnosti */
li.ep-menu-sutaz > a {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	gap: 0 !important;
	box-sizing: border-box !important;

	font-weight: 800 !important;
	text-decoration: none !important;
	white-space: nowrap;

	animation: ep-sutaz-glow 3.2s ease-in-out infinite;
	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease;
}

/* Jemné pulzovanie bez pohybu položky */
@keyframes ep-sutaz-glow {
	0%,
	100% {
		box-shadow:
			0 0 0 0 rgba(232, 185, 63, 0),
			0 3px 10px rgba(16, 35, 28, 0.08);
	}

	50% {
		box-shadow:
			0 0 0 4px rgba(232, 185, 63, 0.1),
			0 4px 18px rgba(232, 185, 63, 0.23);
	}
}


/* Desktop */
@media (min-width: 1025px) {

	.header-navigation li.ep-menu-sutaz,
	.main-navigation li.ep-menu-sutaz {
		display: flex;
		align-items: center;
	}

	.header-navigation li.ep-menu-sutaz > a,
	.main-navigation li.ep-menu-sutaz > a {
		width: auto !important;
		min-height: 38px !important;
		height: auto !important;
		margin: 4px 5px 4px 0 !important;
		padding: 8px 14px !important;

		background: rgba(232, 185, 63, 0.16) !important;
		border: 1px solid rgba(190, 143, 27, 0.32) !important;
		border-radius: 8px !important;

		color: #10231c !important;
		font-size: inherit !important;
		line-height: 1.2 !important;
	}

	.header-navigation li.ep-menu-sutaz > a:hover,
	.header-navigation li.ep-menu-sutaz > a:focus-visible,
	.main-navigation li.ep-menu-sutaz > a:hover,
	.main-navigation li.ep-menu-sutaz > a:focus-visible {
		background: rgba(232, 185, 63, 0.27) !important;
		border-color: rgba(190, 143, 27, 0.55) !important;
		color: #10231c !important;
		animation-play-state: paused;
	}
}


/* Mobilné off-canvas menu */
@media (max-width: 1024px) {

	.mobile-navigation li.ep-menu-sutaz,
	.popup-drawer .drawer-navigation li.ep-menu-sutaz {
		margin: 6px 0 16px !important;
		padding: 0 !important;
		border: 0 !important;
	}

	.mobile-navigation li.ep-menu-sutaz > a,
	.popup-drawer .drawer-navigation li.ep-menu-sutaz > a {
		width: calc(100% - 16px) !important;
		min-height: 52px !important;
		height: auto !important;
		margin: 8px !important;
		padding: 13px 16px !important;

		background: rgba(232, 185, 63, 0.13) !important;
		border: 1px solid rgba(232, 185, 63, 0.38) !important;
		border-radius: 9px !important;

		color: #ffffff !important;
		font-size: 16px !important;
		line-height: 1.25 !important;
		letter-spacing: 0 !important;
		text-transform: none !important;
		overflow: visible !important;
	}

	.mobile-navigation li.ep-menu-sutaz > a:hover,
	.mobile-navigation li.ep-menu-sutaz > a:focus-visible,
	.popup-drawer .drawer-navigation li.ep-menu-sutaz > a:hover,
	.popup-drawer .drawer-navigation li.ep-menu-sutaz > a:focus-visible {
		background: rgba(232, 185, 63, 0.22) !important;
		border-color: rgba(232, 185, 63, 0.65) !important;
		color: #ffffff !important;
		animation-play-state: paused;
	}
}


/* Vypnutie animácie podľa nastavenia zariadenia */
@media (prefers-reduced-motion: reduce) {
	li.ep-menu-sutaz > a {
		animation: none !important;
	}
}

/* HU: online withdrawal form intentionally hidden on page 114210. */
.ep-core-language-hu.page-id-114210 .oodz-form-wrap {
	display: none !important;
}


/* HU: príručka a jej promo bannery sú zámerne skryté */
body.ep-core-language-hu .ep-post-guide,
body.ep-core-language-hu .ep-category-guide {
    display: none !important;
}


/* EN/HU: Tatra banka instalment component is Slovak-only. */
html[lang^="en"] body.single-product .ep-purchase-panel na-splatky-button.ep-installment-widget,
html[lang^="hu"] body.single-product .ep-purchase-panel na-splatky-button.ep-installment-widget {
	display: none !important;
}


/* Keep one localized price prefix in Smart Cart recommendation cards. */
.ep-sca-card__price .kt-before-price-variation {
	display: none !important;
}

/* ===== EP: zjednotené nadpisy stránok (hero, archív, obsah) – v1 ===== */
:root {
	--ep-title-ink: #12314a;
	--ep-title-accent: #2bc4dc;
	--ep-title-muted: #1a7f96;
}

.entry-hero .hero-section-overlay {
	background-image: linear-gradient(135deg, #f1f8fb 0%, #e5f0f6 48%, #d9e9f1 100%) !important;
}

.entry-hero .entry-title,
.entry-hero .page-title,
body h1.page-title.archive-title,
h1.ep-page-h1 {
	color: var(--ep-title-ink) !important;
	font-weight: 700;
	letter-spacing: -0.012em;
}

.entry-hero .entry-title::after,
body h1.page-title.archive-title::after,
h1.ep-page-h1::after {
	content: "";
	display: block;
	width: 48px;
	height: 3px;
	border-radius: 2px;
	background: var(--ep-title-accent);
	margin-top: 14px;
}

.entry-hero .entry-title::after {
	margin-left: auto;
	margin-right: auto;
}

body h1.page-title.archive-title::after,
h1.ep-page-h1::after {
	margin-left: 0;
	margin-right: auto;
}

h1.ep-page-h1 {
	font-size: clamp(28px, 3.4vw, 38px);
	line-height: 1.18;
	margin: 0 0 24px;
}

.entry-hero .entry-taxonomies,
.entry-hero .entry-taxonomies a,
.entry-hero .entry-taxonomies .category-links {
	color: var(--ep-title-muted) !important;
}

.entry-hero .entry-meta,
.entry-hero .entry-meta a,
.entry-hero .kadence-breadcrumbs,
.entry-hero .kadence-breadcrumbs a {
	color: #4a6b7d !important;
}

.entry-hero .entry-taxonomies a:hover,
.entry-hero .entry-meta a:hover,
.entry-hero .kadence-breadcrumbs a:hover {
	color: var(--ep-title-ink) !important;
}
/* ===== EP: koniec zjednotených nadpisov ===== */
