/* === TOP NAV: lepší proklik + fix “řezu” vlevo (NEsahat na helper menu ve “Více”) === */

/* Uvolnit ořezávání jen pro HLAVNÍ menu (ne pro helper) */
.container .top-navigation-menu .top-navigation-bar-menu,
.container .top-navigation-menu .top-navigation-bar-menu > li,
.container .top-navigation-menu .top-navigation-bar-menu > li > a {
  overflow: visible !important;
}

/* Stabilnější vrstvení pro hlavní menu/hover (helper neovlivněn selektory níže) */
.container .top-navigation-menu {
  position: relative;
  isolation: isolate;
}

/* Scale ať neroste doleva (jen hlavní položky + trigger) */
.container .top-navigation-menu .top-navigation-bar-menu > li > a,
.container .top-navigation-menu-trigger {
  transform-origin: left center;
  position: relative;
  z-index: 1;
}

/* Vynést hoverovaný prvek nad případný překryv */
.container .top-navigation-menu .top-navigation-bar-menu > li > a:hover,
.container .top-navigation-menu .top-navigation-bar-menu > li > a:focus-visible,
.container .top-navigation-menu-trigger:hover,
.container .top-navigation-menu-trigger:focus-visible {
  z-index: 10;
}

/* Animace (jen hlavní položky + trigger + tools) */
.container .top-navigation-menu .top-navigation-bar-menu > li > a,
.container .top-navigation-menu-trigger,
.container .top-navigation-tools .top-nav-button,
.container .top-navigation-tools a.top-nav-button,
.container .top-navigation-tools a.pwjazykmutace {
  transition: color .18s ease, text-shadow .18s ease, transform .18s ease, letter-spacing .18s ease, filter .18s ease, box-shadow .18s ease;
  will-change: transform;
}

/* Pro korektní transform (jen hlavní položky + trigger + vybrané prvky v tools) */
.container .top-navigation-menu .top-navigation-bar-menu > li > a,
.container .top-navigation-menu-trigger,
.container .top-navigation-tools a.top-nav-button,
.container .top-navigation-tools a.pwjazykmutace {
  display: inline-block;
}

/* Hover/focus efekty (jen hlavní položky + trigger + tools) */
.container .top-navigation-menu .top-navigation-bar-menu > li > a:hover,
.container .top-navigation-menu .top-navigation-bar-menu > li > a:focus-visible,
.container .top-navigation-menu-trigger:hover,
.container .top-navigation-menu-trigger:focus-visible,
.container .top-navigation-tools .top-nav-button:hover,
.container .top-navigation-tools .top-nav-button:focus-visible,
.container .top-navigation-tools a.top-nav-button:hover,
.container .top-navigation-tools a.top-nav-button:focus-visible,
.container .top-navigation-tools a.pwjazykmutace:hover,
.container .top-navigation-tools a.pwjazykmutace:focus-visible {
  color: #432615 !important;
  text-shadow: 0 0 6px rgba(67, 38, 21, .35), 0 0 1px rgba(67, 38, 21, .45);
  transform: translateZ(0) scale(1.03);
  letter-spacing: .015em;
  outline: none;
}

/* Fokus pro klávesnici */
.container .top-navigation-menu .top-navigation-bar-menu > li > a:focus-visible,
.container .top-navigation-menu-trigger:focus-visible,
.container .top-navigation-tools .top-nav-button:focus-visible,
.container .top-navigation-tools a.top-nav-button:focus-visible,
.container .top-navigation-tools a.pwjazykmutace:focus-visible {
  box-shadow: 0 0 0 2px rgba(67, 38, 21, .28);
  border-radius: 6px;
}

.container .top-navigation-menu-trigger {
  cursor: pointer;
}

/* === VLJKY: výchozí stav +20 % === */
.container .top-navigation-tools a.pwjazykmutace img {
  transform: translateZ(0) scale(1.20);
  transform-origin: center;
  transition: transform .18s ease, filter .18s ease;
}

/* Na hover/focus ještě jemně navíc */
.container .top-navigation-tools a.pwjazykmutace:hover img,
.container .top-navigation-tools a.pwjazykmutace:focus-visible img {
  filter: drop-shadow(0 0 6px rgba(67, 38, 21, .35));
  transform: translateZ(0) scale(1.23);
}






/* Cart: pouze ohraničení při hover/klik (bez změny původního vzhledu) */
.header-top .navigation-buttons a[data-testid="headerCart"],
.header-top .navigation-buttons a.cart-count{
  position: relative; /* pro pseudo-element */
}

.header-top .navigation-buttons a[data-testid="headerCart"]::after,
.header-top .navigation-buttons a.cart-count::after{
  content: "";
  position: absolute;
  inset: -6px;                 /* vzdálenost ohraničení od košíku */
  border-radius: 14px;         /* zaoblení ring efektu */
  border: 1px solid rgba(68, 39, 21, 0.0);
  box-shadow: 0 0 0 0 rgba(68, 39, 21, 0.0);
  opacity: 0;
  pointer-events: none;
  transition: opacity .14s ease, border-color .14s ease, box-shadow .14s ease, inset .14s ease;
}

/* Hover */
.header-top .navigation-buttons a[data-testid="headerCart"]:hover::after,
.header-top .navigation-buttons a.cart-count:hover::after{
  opacity: 1;
  border-color: rgba(68, 39, 21, 0.35);
  box-shadow: 0 0 0 3px rgba(68, 39, 21, 0.14);
}

/* Klik (držení myši) */
.header-top .navigation-buttons a[data-testid="headerCart"]:active::after,
.header-top .navigation-buttons a.cart-count:active::after{
  opacity: 1;
  border-color: rgba(68, 39, 21, 0.55);
  box-shadow: 0 0 0 4px rgba(68, 39, 21, 0.18);
  inset: -5px;
}

/* Fokus pro klávesnici (doporučeno) */
.header-top .navigation-buttons a[data-testid="headerCart"]:focus-visible::after,
.header-top .navigation-buttons a.cart-count:focus-visible::after{
  opacity: 1;
  border-color: rgba(68, 39, 21, 0.55);
  box-shadow: 0 0 0 4px rgba(68, 39, 21, 0.18);
}







.amrelax-cart-widget-title{
    display:flex;
    align-items:center;
    gap:12px;
  
    padding:14px 16px;
    margin:0 !important;
  
    font-family:"Nunito", sans-serif !important;
    font-weight:600;
    font-size:15px !important;
    line-height:1.1;
    color:#1e1e1e;
  
    background:#fff;
    border-bottom:1px solid rgba(0,0,0,.12);
  }
  
  .amrelax-cart-widget-title::before{
    content:"";
    width:12px;
    height:12px;
    border-radius:999px;
    background:#432615;
    box-shadow:0 0 0 3px rgba(67,38,21,.18);
    flex:0 0 12px;
  }

  

/* Zmenšení obsahu košíku o 10 % (wrapper se vytváří přes JS) */
.amrelax-cart-widget-content{
    transform: scale(0.9);
    transform-origin: top left;
    width: 111.111%; /* 100 / 0.9 – kompenzace, aby se nezúžila plocha */
  }
  
  /* Aby se nic neořezávalo při scale */
  .cart-widget-inner,
  .popup-widget-inner.cart-widget-inner{
    overflow: visible !important;
  }
  




  #amrelax-cart-totals-v2{
    box-sizing:border-box;
    width:100%;
    margin:0 0 10px 0;
    padding:10px 32px 10px 12px;
    border-top:1px solid rgba(0,0,0,.08);
    background:#fff;
    color:rgba(0,0,0,.86);
    font-size:14px;
    line-height:1.25;
    text-align:right;
    position:relative;
    z-index:9999;
    isolation:isolate;
  }
  
  #amrelax-cart-totals-v2 .grid{
    width:100%;
    display:grid;
    grid-template-columns: 1fr auto;
    gap:6px 10px;
    justify-items:end;
  }
  
  #amrelax-cart-totals-v2 .lbl{
    font-weight:600;
    color:rgba(0,0,0,.62);
    white-space:nowrap;
  }
  
  #amrelax-cart-totals-v2 .val{
    white-space:nowrap;
  }
  
  /* Cena celkem – výraznější */
  #amrelax-cart-totals-v2 .val.js-inc{
    font-weight:800;
  }
  
  /* Cena bez DPH – NE strong */
  #amrelax-cart-totals-v2 .val.js-ex{
    font-weight:600;
  }
  
  @media(max-width:600px){
    #amrelax-cart-totals-v2{font-size:13.5px;padding:9px 28px 9px 10px}
  }

  



  /* Efekt platí POUZE pro položku, která v sobě má odkaz (Showroomy) */
  .benefitBanner__item:has(.benefitBanner__link) {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-radius: 12px;
    padding: 10px;
    cursor: pointer;
    background-color: transparent;
  }

  /* Decentní hover efekt: jemný zdvih a měkký stín */
  .benefitBanner__item:has(.benefitBanner__link):hover {
    transform: translateY(-3px) scale(1.01);
    background-color: #ffffff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
  }

  /* Zvýraznění textu při hoveru */
  .benefitBanner__item:has(.benefitBanner__link):hover .benefitBanner__title {
    color: #000;
    text-shadow: 0.3px 0 0 currentColor; /* Jemné optické ztučnění */
    transition: all 0.3s ease;
  }

  /* Jemná animace ikonky */
  .benefitBanner__item:has(.benefitBanner__link):hover .benefitBanner__img {
    transform: rotate(-3deg) scale(1.05);
  }

  /* Zajištění plynulého návratu ikonky do původního stavu */
  .benefitBanner__img {
    transition: transform 0.3s ease;
  }

  /* Odstranění výchozího podtržení odkazu */
  .benefitBanner__link {
    text-decoration: none !important;
  }





  /* Search: tlačítko HLEDAT uvnitř search baru */
.header-top .search form.search-form fieldset{
    position: relative !important;
  }
  
  /* Rezerva v inputu na tlačítko vpravo */
  .header-top .search form.search-form input.search-input,
  .header-top .search form.search-form input[data-testid="searchInput"]{
    padding-right: 112px !important;
  }
  
  /* Tlačítko */
  .header-top .search form.search-form .search-button{
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
  
    width: 102px !important;
    margin: 0 !important;
  
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  
    background: #442715 !important;
    color: #fff !important;
    border: 0 !important;
  
    font-family: "Nunito", sans-serif !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
  
    border-radius: 0 4px 4px 0 !important;
  
    transition: transform .16s ease, filter .16s ease, box-shadow .16s ease, background-color .16s ease;
  }
  
  /* Hover */
  .header-top .search form.search-form .search-button:hover{
    background: #4d2c18 !important;
    box-shadow: 0 8px 18px rgba(68,39,21,.22);
    transform: translateY(-1px);
    filter: brightness(1.03);
  }
  
  /* Klik */
  .header-top .search form.search-form .search-button:active{
    transform: translateY(0) scale(0.98);
    box-shadow: 0 5px 12px rgba(68,39,21,.18);
    filter: brightness(0.98);
  }
  
  /* Mobil */
  @media (max-width: 768px){
    .header-top .search form.search-form input.search-input,
    .header-top .search form.search-form input[data-testid="searchInput"]{
      padding-right: 96px !important;
    }
    .header-top .search form.search-form .search-button{
      width: 88px !important;
      font-size: 12.8px !important;
    }
  }
  



  /* Add to cart: hover prohození bg/text (default se nemění) */
button[data-testid="buttonAddToCart"].amrelax-swap-ready,
button.add-to-cart-button.amrelax-swap-ready{
  transition: background-color .16s ease, color .16s ease, border-color .16s ease, filter .16s ease;
}

button[data-testid="buttonAddToCart"].amrelax-swap-ready:hover,
button.add-to-cart-button.amrelax-swap-ready:hover{
  background-color: var(--amrelax-btn-fg) !important;
  color: var(--amrelax-btn-bg) !important;
  border-color: var(--amrelax-btn-fg) !important;
}

button[data-testid="buttonAddToCart"].amrelax-swap-ready:active,
button.add-to-cart-button.amrelax-swap-ready:active{
  filter: brightness(0.98);
}




/* Inline "Skladem" mezi názvem a cenou */
.amrelax-skladem-inline{
    display:block;
    margin: 6px 0 6px 0;
    font-family: "Nunito", sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #2aa022;
    line-height: 1.2;
  }
  
  /* Produkty bez hvězdiček: odstranit prázdný blok s ratingem */
  .p-in-in.amrelax-no-stars .ratings-wrapper{
    display:none !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
  }
  
  /* Desktop/Tablet: zmenšit mezeru u produktů bez hvězdiček */
  @media (min-width: 769px){
    .p-in-in.amrelax-no-stars .amrelax-skladem-inline{
      margin-top: -15px !important;
    }
  }
  
  /* Mobil: NIKDY nesmí překrývat název -> vypnout negativní margin */
  @media (max-width: 768px){
    .p-in-in.amrelax-no-stars .amrelax-skladem-inline{
      margin-top: 4px !important;   /* malé odsazení pod názvem */
      margin-bottom: 6px !important;
    }
  }

  



  #footer .custom-footer__contact .contact-box ul .amrelax-footer-logo{
    margin-top: 18px; /* trochu níž */
  }
  
  #footer .amrelax-footer-logo__link{
    display: inline-block;
  }
  
  #footer .amrelax-footer-logo__img{
    max-width: 198px; /* ~+10 % oproti 180px */
    height: auto;
    display: block;
  }
  


  /* Mobil: skrýt externí duplicitu "Showroomy" v hamburger menu */
@media (max-width: 768px){
    #navigation li.menu-item-external-94{
      display: none !important;
    }
  }

  
  @media (max-width: 768px){
    li.menu-item-external-94{ display:none !important; }
  }
  

  @media (max-width: 768px){

    /* Řádek Přihlášení + Registrace */
    #navigation .navigationActions li.amrelax-mob-auth-row{
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 22px !important;
      width: 100% !important;
      text-align: center !important;
    }
  
    /* NAPROSTO vypnout jakékoliv "podtržení" ze šablony (underline/border/shadow/pseudo) */
    #navigation .navigationActions li.amrelax-mob-auth-row a,
    #navigation .navigationActions li.amrelax-mob-auth-row a:hover,
    #navigation .navigationActions li.amrelax-mob-auth-row a:active,
    #navigation .navigationActions li.amrelax-mob-auth-row a:focus,
    #navigation .navigationActions li.amrelax-mob-auth-row a:focus-visible,
    #navigation .navigationActions li.amrelax-mob-auth-row a:visited,
    #navigation .navigationActions li.amrelax-mob-auth-row:focus-within a,
    #navigation .navigationActions li.amrelax-mob-auth-row:hover a{
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      white-space: nowrap !important;
  
      text-decoration: none !important;
      border: 0 !important;
      border-bottom: 0 !important;
      box-shadow: none !important;
      background: transparent !important;
      background-image: none !important;
      outline: none !important;
    }
  
    #navigation .navigationActions li.amrelax-mob-auth-row a::before,
    #navigation .navigationActions li.amrelax-mob-auth-row a::after,
    #navigation .navigationActions li.amrelax-mob-auth-row:focus-within a::before,
    #navigation .navigationActions li.amrelax-mob-auth-row:focus-within a::after{
      content: none !important;
      display: none !important;
      border: 0 !important;
      box-shadow: none !important;
      background: none !important;
    }
  }

  @media (max-width: 768px){
    #navigation .navigationActions li.amrelax-mob-auth-row,
    #navigation .navigationActions li.amrelax-mob-auth-row *{
      text-decoration: none !important;
      border-bottom: 0 !important;
      box-shadow: none !important;
      background-image: none !important;
    }
  }

  


  /* Checkout kontakty: hover efekt pro email + telefon */
.checkout-box .contact-box a[href^="mailto:"],
.checkout-box .contact-box a[href^="tel:"]{
  display: inline-block; /* aby fungoval transform */
  transition: transform .18s ease, text-shadow .18s ease, letter-spacing .18s ease, color .18s ease;
  transform-origin: left center;
  will-change: transform;
}

/* Hover + focus (i pro klávesnici) */
.checkout-box .contact-box a[href^="mailto:"]:hover,
.checkout-box .contact-box a[href^="tel:"]:hover,
.checkout-box .contact-box a[href^="mailto:"]:focus-visible,
.checkout-box .contact-box a[href^="tel:"]:focus-visible{
  color: #432615;
  text-shadow: 0 0 10px rgba(67, 38, 21, .25);  /* jemné podsvícení */
  transform: scale(1.03);                        /* lehké zvětšení */
  letter-spacing: .2px;                          /* jemné roztažení */
}

/* Tap/klik (aktivní stav) */
.checkout-box .contact-box a[href^="mailto:"]:active,
.checkout-box .contact-box a[href^="tel:"]:active{
  transform: scale(1.01);
  text-shadow: 0 0 8px rgba(67, 38, 21, .22);
}



/* Checkout – blok Zákaznický účet */
.form-group.form-group-login{
    margin: 12px 0;
  }
  
  .form-group.form-group-login > label{
    display: block;
    margin: 0 0 8px 0;
    font-weight: 700;
  }
  
  a.btn-custom-login{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border-radius: 8px;
    background-color: #442715;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 14px; /* ⬅️ požadovaná velikost */
    transition: transform .18s ease, filter .18s ease;
  }
  
  a.btn-custom-login:hover,
  a.btn-custom-login:focus-visible{
    transform: scale(1.02);
    filter: brightness(1.06);
  }
  
  a.btn-custom-login:active{
    transform: scale(1.01);
  }