/* =============================
   TYPOGRAFIE
   ============================= */
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
html, body, input, select, textarea, button {
  font-family: Verdana, Arial, sans-serif !important;
  color:#000; background:#fff;
}
h1, h2, h3, h4, h5, h6 { color:#6abe98; }

/* Menu – Outfit; aktivní/hover tučně */
.navigation-in, .navigation-in * { font-family:"Outfit",sans-serif !important; }
.navigation-in ul li a:hover b,
.navigation-in ul li a.active b { font-weight:600; }

/* =============================
   TLAČÍTKA – „Do košíku“
   ============================= */
.add-to-cart-button, .btn-cart {
  background:#000 !important; color:#fff !important;
  border:none !important; border-radius:6px !important;
  padding:10px 24px !important; font-weight:600 !important;
  transition:all .2s ease-in-out;
}
.add-to-cart-button:hover, .btn-cart:hover,
.add-to-cart-button.is-added, .btn-cart.is-added {
  background:#6abe98 !important; color:#fff !important;
}

/* =============================
   Počet kusů (+/−)
   ============================= */
.quantity{ border-radius:6px !important; }
.quantity, .quantity .decrease, .quantity .increase{
  background:#fff !important; border-color:#dadada !important; height:40px !important;
}
.quantity .decrease, .quantity .increase{
  width:40px !important; line-height:40px !important; font-size:20px !important;
  display:inline-flex; align-items:center; justify-content:center;
}

/* =============================
   BENEFITY – 5 vedle sebe
   ============================= */
.full-width.benefit-banners-full-width{ background:#fff !important; padding:50px 0 70px; }
.benefitBanner{ align-items:flex-start; }
.benefitBanner__item{ flex:1 1 20%; padding-bottom:20px; }
.benefitBanner .benefitBanner__picture img{ height:65px; width:auto; max-width:unset; }
.benefitBanner__content .benefitBanner__title{
  font-weight:600; font-size:24px; line-height:30px; text-align:center; color:#6abe98; margin:20px 0;
}
.benefitBanner__content .benefitBanner__data{
  font-weight:400; font-size:18px; line-height:24px; text-align:center; color:#000;
}

/* =============================
   FAQ – čisté rozbalování
   ============================= */
.faqwrapper{ max-width:800px; margin:0 auto; display:block; }
.faqquestion{
  background:#fff; border-radius:21px 0 21px 0; margin-bottom:10px; overflow:hidden; padding:0;
  box-shadow:0 0 0 1px #eee inset;
}
.faqquestion h4{
  margin:0; min-height:45px; padding:10px 50px 10px 20px; font-size:20px; font-weight:400;
  color:#000; cursor:pointer; background:#fff;
  background-image:url("https://www.energymed.cz/user/documents/upload/Probiomea%20Logolist.png");
  background-repeat:no-repeat; background-position:calc(100% - 7px) center; background-size:34px 33px;
}
.faqquestion .faqcontent{ display:none; padding:20px; color:#000; }

/* =============================
   Detail produktu – bílé panely
   ============================= */
.p-detail-full-width .tab-content,
.p-detail-full-width #tab-content,
.p-detail-full-width .shp-tab-link{
  background:#fff !important; color:#000 !important; box-shadow:none !important; border-radius:0 !important;
}
.tab-content .detail-parameters,
.tab-content .detail-parameters tr{ border-color:transparent !important; background:transparent !important; }
.tab-content .detail-parameters th, .tab-content .detail-parameters a{ color:#000 !important; text-decoration:none; }

/* =============================
   HLAVIČKA (bez textur)
   ============================= */
.header-bottom, body[class*="hubnuti"], body[class*="probiotika"]{ background:#fff !important; }

/* =============================
   COOKIES
   ============================= */
.siteCookies__form, .siteCookies--bottom.siteCookies--scrolled{ background:#032D3C; }
.siteCookies__text a{ color:#00C93B; }
.siteCookies__button{ color:#032D3C; }

/* =============================
   PATIČKA – STRIP přes celou šířku, snížená výška
   ============================= */
#footer {
  background:#fff !important;
  border:none !important;
}

/* Celý strip přes 100 % viewportu, menší výška */
#footer .container.footer-rows {
  width:100vw;                        /* 100 % okna */
  position:relative;
  left:50%;                           /* vycentrování pro full-width efekt */
  right:50%;
  margin-left:-50vw;                  /* odstranění bílých okrajů */
  margin-right:-50vw;
  background-image:url("https://www.probiomea.com/user/documents/upload/PROBIOMEA-Strip-1920x270.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  min-height:190px;                   /* snížená výška o ~30 % */
  padding:40px 60px;                  /* vnitřní mezery */
  box-sizing:border-box;
}

/* zachování původních sloupců a textu */
#footer .container.footer-rows > * {
  background:transparent !important;
}

/* Copyright zůstává bílý */
#footer .copyright {
  background:#fff;
}

/* Mobilní verze */
@media (max-width:768px){
  #footer .container.footer-rows{
    min-height:150px;
    padding:30px 20px;
    background-position:center;
    background-size:cover;
  }
}

/* =============================
   FIXNÍ, CENTROVANÉ LOGO NA MOBILU
   ============================= */
@media (max-width:768px){
  #header, .site-header, .header, .header-top, .header-bottom{
    position:sticky !important; top:0; z-index:9999; background:#fff !important;
  }
  .site-name img, #header .logo img, .site-header .logo img{
    max-width:200px !important; height:auto; display:block; margin:0 auto;
  }
  #header.shrink, .site-header.shrink, .header.shrink{ transform:none !important; }
}

/* ===== Menší logo + menší svislé mezery pouze na homepage ===== */

/* zmenšení samotného loga (desktop/tablet) */
body.homepage .site-name img,
body.homepage #header .logo img,
body.homepage .site-header .logo img {
  max-width: 320px !important;   /* uprav klidně na 300–340 podle oka */
  height: auto !important;
}

/* utáhnout svislé odsazení okolo loga */
body.homepage .site-name { 
  padding: 8px 0 !important;
}

/* stáhnout padding hlavičky a mezeru pod ní */
body.homepage #header,
body.homepage .site-header {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* někteří na Shoptetu přidávají mezeru až sem – ubereme ji */
body.homepage .header-bottom {
  margin-bottom: 8px !important;  /* případně 0, pokud chceš úplně nadoraz */
}

/* Na opravdu velkých monitorech klidně ještě o chlup menší */
@media (min-width: 1440px) {
  body.homepage .site-name img,
  body.homepage #header .logo img,
  body.homepage .site-header .logo img {
    max-width: 300px !important;
  }
}

/* Mobil necháváme, jak jsme nastavili dřív (max-width: 200px) */

/* ============================================
   ZMENŠENÍ LOGA NA POLOVIČNÍ VELIKOST (VŠUDE)
   ============================================ */
.site-name img,
#header .logo img,
.site-header .logo img {
  max-width: 160px !important;   /* původně kolem 320px => 50% velikosti */
  height: auto !important;
}

/* =========================================
   MENŠÍ PÍSMA NA MOBILU (≤ 768 px)
   ========================================= */
@media (max-width: 768px){

  /* základ */
  html { font-size: 15px; } /* default 16 → trochu menší base */

  /* nadpisy – znatelně menší a kompaktnější */
  h1 { font-size: 1.8rem !important; line-height: 1.2 !important; margin: 14px 0 10px !important; }
  h2 { font-size: 1.4rem !important; line-height: 1.25 !important; margin: 12px 0 8px !important; }
  h3 { font-size: 1.15rem !important; line-height: 1.3 !important;  margin: 10px 0 6px !important; }

  /* běžný text */
  p, li { font-size: 0.95rem !important; line-height: 1.45 !important; }

  /* titulky bannerů / slideru (pro jistotu) */
  .extended-banner-title,
  .homepage-banners-full-width .extended-banner-title {
    font-size: 20px !important;
    line-height: 1.2 !important;
    margin: 8px 0 !important;
  }

  /* sekce benefitů */
  .benefitBanner__content .benefitBanner__title {
    font-size: 18px !important;
    line-height: 1.25 !important;
    margin: 12px 0 !important;
  }
  .benefitBanner__content .benefitBanner__data {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  /* FAQ */
  .faqwrapper .faqquestion h4 { font-size: 16px !important; }
  .faqwrapper .faqcontent      { font-size: 14px !important; }

  /* hlavní menu (kategorií) */
  .navigation-in ul li a b { font-size: 16px !important; }

  /* drobné utažení hlavičky kolem loga */
  .site-name { padding: 6px 0 !important; }
}

/* =============================
   MOBIL – menší mezery kolem benefitů
   ============================= */
@media (max-width: 768px) {
  /* samotná sekce benefitů */
  .full-width.benefit-banners-full-width {
    padding-top: 15px !important;   /* původně 50px → menší */
    padding-bottom: 20px !important; /* původně 70px → menší */
  }

  /* pokud je mezi benefity a další sekcí přebytečná mezera (wrappery) */
  .benefit-banners-full-width + .content-wrapper,
  .benefit-banners-full-width + .homepage-section,
  .benefit-banners-full-width + .footer {
    margin-top: 0 !important;
  }
}

/* =============================
   SKRYTÍ BENEFITŮ NA STRÁNCE /hubnuti/
   ============================= */
/* POUZE na /hubnuti/ – více robustní cílení */
body.category-hubnuti .full-width.benefit-banners-full-width,
body.page-hubnuti .full-width.benefit-banners-full-width,
body[class*="category-hubnuti"] .full-width.benefit-banners-full-width,
body[class*="page-hubnuti"] .full-width.benefit-banners-full-width {
  display: none !important;
}

/* Skrytí benefitů, pokud má <body> třídu .hide-benefits */
body.hide-benefits .full-width.benefit-banners-full-width {
  display: none !important;
}