/* ====== VIGRES – CENTRÁLNÍ CSS (SAFE FIX) ====== */

/* Skrytí systémového Shoptet slideru "Doporučujeme přímo pro Vás" na HP */
body.type-index div#databreakers_homepage.product-slider-holder{
  display:none !important;
}

/* =====================================================
   H1 v obsahu – na střed (NE header)
   ===================================================== */
main h1,
.content h1,
.container h1{
  text-align:center !important;
}

/* Detail produktu – vlevo */
.p-detail-inner h1,
.p-detail-inner .p-detail-name,
.p-detail-inner .p-detail-subtitle{
  text-align:left !important;
}

/* Typografie H1 v obsahu */
main h1,
.content h1,
.container h1{
  font-family:"Noto Sans", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight:900;
  line-height:1.2;
  letter-spacing:-0.01em;
  color:#0f172a;
  margin:0 0 0.75em;
  font-size:clamp(22px, 2.2vw + 14px, 34px);
}

@media (max-width:380px){
  main h1,
  .content h1,
  .container h1{
    font-size:clamp(20px, 4.8vw, 26px);
    letter-spacing:-0.005em;
  }
}

/* =====================================================
   Cena – centrovaná
   ===================================================== */
.price{
  text-align:center !important;
  margin:0 auto;
  display:block;
}

/* =====================================================
   Kategorie – centrování gridu produktů
   ===================================================== */
.products.products-page.products-block{
  display:flex;
  flex-wrap:wrap;
  gap:2rem;
  justify-content:center;
}

/* 3 produkty vedle sebe */
.products.products-page.products-block .product{
  float:none !important;
  flex:0 0 calc(33.333% - 2rem);
  max-width:calc(33.333% - 2rem);
}

/* 2 sloupce – tablet */
@media screen and (max-width:991px){
  .products.products-page.products-block .product{
    flex:0 0 calc(50% - 2rem);
    max-width:calc(50% - 2rem);
  }
}

/* =====================================================
   Tlačítka v objednávce – bílý text
   ===================================================== */
.btn.btn-conversion,
.btn.btn-conversion .order-button-text,
#continue-order-button .order-button-text,
#orderFormButton .order-button-text,
#submit-order .order-button-text,
#submit-order .order-button-suffix,
#submit-order,
#submit-order:hover,
#submit-order:focus,
#orderFormButton,
#orderFormButton:hover,
#orderFormButton:focus{
  color:#ffffff !important;
}

/* SVG, šipky a ikony v tlačítkách */
#continue-order-button svg,
#orderFormButton svg,
#submit-order svg,
#continue-order-button:after,
#orderFormButton:after,
#submit-order:after{
  stroke:#ffffff !important;
  fill:#ffffff !important;
  color:#ffffff !important;
}

/* =====================================================
   Tlačítko „Do košíku“
   ===================================================== */
button.btn-cart.add-to-cart-button{
  background-color:#83b500 !important;
  border-color:#83b500 !important;
  color:#ffffff !important;
  transition:background-color 0.3s ease;
}

button.btn-cart.add-to-cart-button:hover{
  background-color:#6a9900 !important;
  border-color:#6a9900 !important;
  color:#ffffff !important;
}

/* =====================================================
   Vlaječky – posun jen v obsahu (NE header)
   ===================================================== */
.content .flags .flag,
.container .flags .flag,
main .flags .flag{
  position:relative;
  top:-15px;
  margin-bottom:15px;
  display:inline-block;
  z-index:10;
}

/* Header – beze změny */
.header .flags .flag,
.site-header .flags .flag{
  top:0 !important;
  margin-bottom:0 !important;
}

/* =====================================================
   Produktové záložky – skryj lišty, ne obsah
   ===================================================== */
.shp-tabs-holder,
.shp-tabs-row{
  display:none !important;
}

.js-tabs-mobile .shp-tabs-holder,
.js-tabs-mobile .shp-tab-link{
  display:none !important;
  pointer-events:none !important;
}

.rate-average,
.rate-star-wrap,
.stars-label,
a[href="#ratingTab"],
a[href="#productDiscussion"]{
  display:none !important;
}

/* Popis ponechat */
#tab-description{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  height:auto !important;
  overflow:visible !important;
}

/* Ostatní taby skrýt */
#tab-videos,
#tab-rating,
#tab-discussion{
  display:none !important;
}

/* =====================================================
   Mobil – mezery mezi bannerem a blokem výhod
   ===================================================== */
@media (max-width:560px){
  .vg-hero,
  .vg-banner,
  .vg-lupo-hero{
    margin-bottom:8px !important;
  }

  .vg-advantages{
    margin-top:0 !important;
  }
}

/* =====================================================
   Badge sleva – kruh
   ===================================================== */
.flag-discount{
  background-color:#83B500 !important;
  color:#ffffff !important;
  border-radius:50% !important;
  width:70px !important;
  height:70px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  font-size:15px !important;
  font-weight:700 !important;
  text-align:center !important;
  line-height:1.2 !important;
  padding:0 !important;
  box-shadow:0 3px 10px rgba(0,0,0,0.25) !important;
}

.flag-discount span,
.flag-discount i,
.flag-discount strong{
  line-height:1.2 !important;
}

/* =====================================================
   DISCO – centrování hlavního menu (desktop)
   ===================================================== */
@media (min-width:1200px){
  #header .js-navigation-container{
    justify-content:center !important;
  }

  #header .js-navigation-container > nav#navigation{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
  }

  #header nav#navigation .navigation-in.menu{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
  }

  #header nav#navigation ul.menu-level-1{
    width:auto !important;
    margin:0 auto !important;
    justify-content:center !important;
  }

  #header nav#navigation ul.menu-level-1 > li{
    float:none !important;
  }
}

/* =====================================================
   VIGRES – HP ZVEDNUTÍ OBSAHU POD HEADEREM (DISCO)
   ===================================================== */
@media (min-width:992px){
  body.type-index .vg-hp-lift{
    position:relative;
    top:-25px;
  }
}

@media (max-width:991px){
  body.type-index .vg-hp-lift{
    position:relative;
    top:-45px;
  }
}

@media (max-width:560px){
  body.type-index .vg-hp-lift{
    position:relative;
    top:-25px;
  }
}

/* =====================================================
   VIGRES – MENU PRODUKTY
   skrytí Čajů a Dárkových balíčků + jemné menu
   ===================================================== */

/* Skrýt Čaje a Dárkové balíčky z menu podle části URL */
#navigation a[href*="bylinne-caje"],
#navigation a[href*="darkove-balicky"],
.navigation-in a[href*="bylinne-caje"],
.navigation-in a[href*="darkove-balicky"],
.navigation-wrapper a[href*="bylinne-caje"],
.navigation-wrapper a[href*="darkove-balicky"],
.menu-level-2 a[href*="bylinne-caje"],
.menu-level-2 a[href*="darkove-balicky"],
.submenu a[href*="bylinne-caje"],
.submenu a[href*="darkove-balicky"]{
  display:none !important;
}

/* Zjemnění rozbalovacího menu Produkty */
.navigation-in ul.menu-level-2,
.navigation-in .menu-level-2,
.navigation-wrapper .menu-level-2,
.submenu{
  background:#ffffff !important;
  border:1px solid #e2e8f0 !important;
  border-radius:0 0 18px 18px !important;
  box-shadow:0 18px 45px rgba(15,23,42,.08) !important;
  padding:22px 28px !important;
}

.navigation-in .menu-level-2 a,
.navigation-wrapper .menu-level-2 a,
.submenu a{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-height:48px !important;
  padding:12px 16px !important;
  border-radius:12px !important;
  color:#0f172a !important;
  font-size:12pt !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  background:transparent !important;
  transition:background .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease !important;
}

.navigation-in .menu-level-2 a::before,
.navigation-wrapper .menu-level-2 a::before,
.submenu a::before{
  content:"";
  width:8px;
  height:8px;
  flex:0 0 8px;
  margin-right:10px;
  border-radius:50%;
  background:#74B401;
  box-shadow:0 0 0 4px rgba(116,180,1,.10);
}

.navigation-in .menu-level-2 a:hover,
.navigation-wrapper .menu-level-2 a:hover,
.submenu a:hover{
  background:#F8FFF5 !important;
  color:#0f172a !important;
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(116,180,1,.10);
}

/* =====================================================
   VIGRES – PREMIUM FOOTER
   přesná struktura Shoptetu:
   .custom-footer__contact
   .custom-footer__articles
   .custom-footer__newsletter
   ===================================================== */

#footer.footer{
  background:linear-gradient(180deg,#FFFDF7 0%,#F8FFF5 100%) !important;
  color:#0f172a !important;
}

#footer .footer-rows{
  width:calc(100% - 32px) !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:42px 0 36px !important;
  border-top:3px solid #74B401 !important;
  border-bottom:1px solid #dbe7cf !important;
}

/* Desktop – tři sloupce */
#footer .custom-footer.elements-3{
  display:grid !important;
  grid-template-columns:minmax(260px,300px) minmax(320px,390px) minmax(320px,390px) !important;
  gap:28px !important;
  justify-content:center !important;
  align-items:stretch !important;
  width:100% !important;
  max-width:1180px !important;
  margin:0 auto !important;
}

/* Boxy */
#footer .custom-footer__contact,
#footer .custom-footer__articles,
#footer .custom-footer__newsletter{
  float:none !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:26px 28px !important;
  box-sizing:border-box !important;
  background:rgba(255,255,255,.78) !important;
  border:1px solid rgba(219,231,207,.9) !important;
  border-radius:18px !important;
  box-shadow:0 14px 34px rgba(15,23,42,.045) !important;
}

#footer .custom-footer__contact{
  grid-column:1 !important;
}

#footer .custom-footer__articles{
  grid-column:2 !important;
}

#footer .custom-footer__newsletter{
  grid-column:3 !important;
}

/* Nadpisy */
#footer .custom-footer h4,
#footer .custom-footer .h4{
  margin:0 0 20px !important;
  color:#0f172a !important;
  font-size:15pt !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

#footer .custom-footer h4::after,
#footer .custom-footer .h4::after{
  content:"";
  display:block;
  width:42px;
  height:3px;
  margin-top:10px;
  border-radius:999px;
  background:#74B401;
}

/* Odkazy */
#footer .custom-footer a{
  color:#4f7f1a !important;
  text-decoration:none !important;
  font-weight:700 !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

#footer .custom-footer a:hover{
  color:#0f172a !important;
  text-decoration:none !important;
}

/* Seznamy */
#footer .custom-footer ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

#footer .custom-footer li{
  margin:0 0 10px !important;
  padding:0 !important;
  line-height:1.45 !important;
}

/* Kontakt – email a telefon bez lámání */
#footer .custom-footer__contact,
#footer .custom-footer__contact *{
  word-break:normal !important;
  overflow-wrap:normal !important;
}

#footer .custom-footer__contact a[href^="mailto:"],
#footer .custom-footer__contact a[href^="tel:"]{
  white-space:nowrap !important;
}

/* Sociální ikony */
#footer .custom-footer__contact .social-icons,
#footer .custom-footer__contact ul.social-icons,
#footer .custom-footer__contact .social{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:18px !important;
}

#footer .custom-footer__contact .social-icons a,
#footer .custom-footer__contact .social a,
#footer .custom-footer__contact a[href*="facebook"],
#footer .custom-footer__contact a[href*="instagram"],
#footer .custom-footer__contact a[href*="youtube"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:42px !important;
  height:42px !important;
  border-radius:50% !important;
  background:#74B401 !important;
  color:#ffffff !important;
  box-shadow:0 8px 18px rgba(116,180,1,.22) !important;
}

#footer .custom-footer__contact .social-icons a:hover,
#footer .custom-footer__contact .social a:hover{
  background:#639a01 !important;
  transform:translateY(-2px);
}

/* Newsletter formulář */
#footer .custom-footer__newsletter form{
  display:flex !important;
  width:100% !important;
  max-width:100% !important;
  margin:18px 0 0 !important;
}

#footer .custom-footer__newsletter input[type="email"]{
  flex:1 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  min-height:54px !important;
  border:1px solid #cbd5e1 !important;
  border-right:0 !important;
  border-radius:14px 0 0 14px !important;
  background:#ffffff !important;
  color:#0f172a !important;
  font-size:12pt !important;
  padding:0 18px !important;
  box-shadow:none !important;
}

#footer .custom-footer__newsletter input[type="email"]::placeholder{
  color:#94a3b8 !important;
}

#footer .custom-footer__newsletter form button,
#footer .custom-footer__newsletter .btn{
  flex:0 0 64px !important;
  width:64px !important;
  min-height:54px !important;
  border-radius:0 14px 14px 0 !important;
  background:#74B401 !important;
  border-color:#74B401 !important;
  color:#ffffff !important;
  box-shadow:0 8px 20px rgba(116,180,1,.22) !important;
}

#footer .custom-footer__newsletter form button:hover,
#footer .custom-footer__newsletter .btn:hover{
  background:#639a01 !important;
  border-color:#639a01 !important;
}

/* Spodní copyright */
#footer .footer-bottom,
.footer-bottom,
.copyright,
#signature{
  background:#ffffff !important;
  color:#334155 !important;
  border-top:1px solid #e2e8f0 !important;
}

#footer .footer-bottom{
  padding:18px 0 !important;
}

#signature a,
#footer #signature a,
.footer #signature a{
  color:#4f7f1a !important;
  font-weight:650 !important;
}

/* =====================================================
   FOOTER RESPONZIVITA
   ===================================================== */

/* Menší desktop / tablet – 2 sloupce */
@media (max-width:1180px) and (min-width:769px){
  #footer .footer-rows{
    width:calc(100% - 32px) !important;
    padding:34px 0 30px !important;
  }

  #footer .custom-footer.elements-3{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:22px !important;
    max-width:860px !important;
    margin:0 auto !important;
  }

  #footer .custom-footer__contact{
    grid-column:1 !important;
    grid-row:1 !important;
  }

  #footer .custom-footer__newsletter{
    grid-column:2 !important;
    grid-row:1 !important;
  }

  #footer .custom-footer__articles{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
  }

  #footer .custom-footer__articles ul{
    columns:2 !important;
    column-gap:34px !important;
  }

  #footer .custom-footer__articles li{
    break-inside:avoid !important;
  }
}

/* Mobil – jeden sloupec */
@media (max-width:768px){
  #footer .footer-rows{
    width:calc(100% - 24px) !important;
    padding:28px 0 24px !important;
  }

  #footer .custom-footer.elements-3{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    max-width:560px !important;
    margin:0 auto !important;
  }

  #footer .custom-footer__contact,
  #footer .custom-footer__articles,
  #footer .custom-footer__newsletter{
    grid-column:auto !important;
    grid-row:auto !important;
    width:100% !important;
    padding:22px 20px !important;
  }

  #footer .custom-footer__articles ul{
    columns:1 !important;
  }

  #footer .custom-footer h4,
  #footer .custom-footer .h4{
    font-size:14.5pt !important;
  }

  #footer .custom-footer__newsletter form{
    max-width:100% !important;
  }

  #footer .custom-footer__newsletter input[type="email"]{
    font-size:11.5pt !important;
  }
}

/* Malé mobily – newsletter pod sebe */
@media (max-width:420px){
  #footer .custom-footer__newsletter form{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }

  #footer .custom-footer__newsletter input[type="email"]{
    width:100% !important;
    border:1px solid #cbd5e1 !important;
    border-radius:14px !important;
  }

  #footer .custom-footer__newsletter form button,
  #footer .custom-footer__newsletter .btn{
    width:100% !important;
    flex:0 0 auto !important;
    border-radius:14px !important;
  }

  #footer .footer-bottom,
  .footer-bottom{
    text-align:center !important;
  }
}
/* =====================================================
   VIGRES – skrýt Čaje a Dárkové balíčky i v kategoriích / sidebaru
   ===================================================== */

/* fallback – skryj samotné odkazy */
#categories a[href*="bylinne-caje"],
#categories a[href*="darkove-balicky"],
.categories a[href*="bylinne-caje"],
.categories a[href*="darkove-balicky"],
.category-top a[href*="bylinne-caje"],
.category-top a[href*="darkove-balicky"],
.sidebar a[href*="bylinne-caje"],
.sidebar a[href*="darkove-balicky"],
.box-category a[href*="bylinne-caje"],
.box-category a[href*="darkove-balicky"],
.box-categories a[href*="bylinne-caje"],
.box-categories a[href*="darkove-balicky"]{
  display:none !important;
}

/* moderní prohlížeče – skryj rovnou celý řádek / li / box */
#categories li:has(a[href*="bylinne-caje"]),
#categories li:has(a[href*="darkove-balicky"]),
.categories li:has(a[href*="bylinne-caje"]),
.categories li:has(a[href*="darkove-balicky"]),
.category-top li:has(a[href*="bylinne-caje"]),
.category-top li:has(a[href*="darkove-balicky"]),
.sidebar li:has(a[href*="bylinne-caje"]),
.sidebar li:has(a[href*="darkove-balicky"]),
.box-category li:has(a[href*="bylinne-caje"]),
.box-category li:has(a[href*="darkove-balicky"]),
.box-categories li:has(a[href*="bylinne-caje"]),
.box-categories li:has(a[href*="darkove-balicky"]){
  display:none !important;
}