/* MitroCZECH Header Styles (mc-header.css) – v2025-09-08g */
:root{ --menu-link:#ffcc00; --menu-hover:#000; --menu-hover-bg:#ffcc00; }
#navigation .menu-level-1>li>a,
nav#navigation .menu-level-1>li>a{
  color:var(--menu-link) !important;
  background:transparent !important;
}
#navigation .menu-level-1>li>a:hover,
#navigation .menu-level-1>li.active>a,
nav#navigation .menu-level-1>li>a:hover,
nav#navigation .menu-level-1>li.active>a{
  color:var(--menu-hover) !important;
  background:var(--menu-hover-bg) !important;
}
@media (min-width: 992px){
  nav#navigation .menu-level-1>li>a{ font-size:16px !important; }
}
nav#navigation li.menu-item-750>.menu-level-2,
nav#navigation li.menu-item-750:hover>.menu-level-2{ display:none !important; }
@media (min-width: 992px){
  footer .footer-rows .site-name{ display:none !important; }
  footer .footer-rows .custom-footer{
    width:100% !important; max-width:100% !important; flex:0 0 100% !important; margin-left:0 !important;
  }
}
@media (min-width: 992px){ #header .header-top .menu-helper { display: none !important; } }
.mc-header-phone{
  display:inline-flex!important; align-items:center; gap:10px;
  padding:8px 12px; border-radius:14px; background:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,.06); line-height:1.2; white-space:nowrap;
  border:1px solid rgba(0,0,0,.06); align-self:center; z-index:1;
}
.mc-phone-lines{display:flex; flex-direction:column}
.mc-phone-number{font-size:16px;font-weight:700; text-decoration:none; color:inherit}
.mc-phone-hours{font-size:16px; opacity:.85; margin-top:2px}
.mc-phone-icon{display:flex; align-items:center}
.mc-header-phone{ margin-inline-end:30px; }
@media (max-width:768px){ .mc-phone-hours{display:none} }
@media (max-width:991px){ .mc-header-phone{display:none!important} }
:root{ --mc-tagline-offset: 143px; }
.mc-logo-tagline{
  display:block; margin-top:-11px; line-height:1.2;
  font-size:14px; font-weight:600; color:#111;
  padding-left: var(--mc-tagline-offset);
}
@media (max-width:991px){ .mc-logo-tagline{display:none!important} }

/* =========================================================
   MitroCZECH – jednotný styl (externí CSS)
   ========================================================= */

/* 0) ZÁKLADNÍ PROMĚNNÉ */
:root{
  --mc-yellow:#ffcc00;        /* žlutá – hover u konverzních tlačítek + hvězdy */
  --mc-yellow-strong:#ffc00c; /* žlutá – plné pozadí (welcome blok, footer) */
  --mc-detail-green:#5ebc01;  /* výchozí barva tlačítka DETAIL */
  --mc-border:#000;           /* černý rámeček */
  --mc-radius:4px;            /* zaoblení tlačítek */
  --mc-ease:.40s;             /* rychlost přechodů */
  --bottom-h:160px;           /* (rezerva) výška spodního pásu, když by se hodil */
}

/* 1) MENU (desktop): 1/3 – 1/3 – 1/3 + bez překrývání */
@media (min-width: 992px){
  /* výška položek: 1em text + 1em nahoře + 1em dole */
  nav#navigation .menu-level-1>li>a{
    display:inline-flex; align-items:center;
    line-height:1; padding-block:1em; padding-inline:14px;
  }
  /* zruš pevné pruhy / ořezávání + povol overflow */
  #navigation .navigation-wrapper::before,
  header#header::before{ display:none !important; }
  #navigation, #navigation .navigation-wrapper, #navigation .navigation-in,
  .user-action-in, .navigation-buttons{ overflow:visible !important; }
  /* mezera pod menu */
  nav#navigation{ margin-bottom:12px !important; }
}

/* 2) FOOTER – layout: odstranění levého prázdného místa + rovnoměrné sloupce */
@media (min-width: 992px){
  footer .footer-rows .site-name{ display:none !important; }
  footer .footer-rows .custom-footer{
    width:100% !important; max-width:100% !important;
    flex:0 0 100% !important; margin-left:0 !important;
  }
  footer .custom-footer.elements-4{ display:flex; flex-wrap:wrap; }
  footer .custom-footer.elements-4 .element{
    flex:1 1 25% !important; max-width:25% !important;
  }
}
@media (min-width: 1200px){
  footer .custom-footer{ padding-left:0 !important; }
}

/* 3) HOMEPAGE – zrušení bílého pruhu u uvítacího bloku */
.content-wrapper.homepage-box.welcome-wrapper{
  margin-top:0 !important; margin-bottom:0 !important;
  /* pokud chceš i bez vnitřního odsazení, odkomentuj:
  padding-top:0 !important; padding-bottom:0 !important;
  */
}
.homepage-box{
  border-top-color:transparent !important;
  border-bottom-color:transparent !important;
}
.homepage-box.welcome-wrapper{ background:var(--mc-yellow-strong) !important; }

/* 4) TLAČÍTKA – sjednocené rámečky, radius a přechody */
.btn.btn-conversion,
.products .p-tools a.btn.btn-primary,
.products .p-bottom.single-button a.btn.btn-primary,
button.btn.btn-cart.add-to-cart-button,
a.btn.btn-cart{
  border:1px solid var(--mc-border) !important;
  border-radius:var(--mc-radius) !important;
  box-shadow:none !important;
  transition:
    background-color var(--mc-ease) ease,
    color            var(--mc-ease) ease,
    border-color     var(--mc-ease) ease,
    box-shadow       var(--mc-ease) ease !important;
}

/* 4a.0) Výchozí barva textu – Košík i Detail vždy černě */
button.btn.btn-cart.add-to-cart-button,
a.btn.btn-cart,
.products .p-tools a.btn.btn-primary,
.products .p-bottom.single-button a.btn.btn-primary,
.btn.btn-primary{
  color:#000 !important;
}

/* 4a) Konverzní tlačítka – hover: žluté pozadí + černý text */
.btn.btn-conversion:hover,
.btn.btn-conversion:focus-visible{
  background-color:var(--mc-yellow) !important;
  border-color:var(--mc-border) !important;
  color:#000 !important; outline:none;
}

/* 4b) DETAIL (karty produktů) – výchozí + hover + pevný černý rámeček */
.products .p-tools a.btn.btn-primary,
.products .p-bottom.single-button a.btn.btn-primary{
  background-color:var(--mc-detail-green) !important;  /* oprava proměnné */
  border-color:var(--mc-border) !important;            /* vždy černý rámeček */
  color:#000 !important;
}
.products .p-tools a.btn.btn-primary:hover,
.products .p-bottom.single-button a.btn.btn-primary:hover,
.products .p-tools a.btn.btn-primary:focus-visible,
.products .p-bottom.single-button a.btn.btn-primary:focus-visible{
  background-color:var(--mc-yellow) !important;
  border-color:var(--mc-border) !important;
  color:#000 !important; outline:none;
}

/* 4c) DO KOŠÍKU – při hoveru černý text + sjednocené chování */
button.btn.btn-cart.add-to-cart-button:hover,
button.btn.btn-cart.add-to-cart-button:focus-visible,
a.btn.btn-cart:hover,
a.btn.btn-cart:focus-visible{
  color:#000 !important;
  border-color:var(--mc-border) !important;
  box-shadow:none !important; outline:none;
}

/* 5) HLEDAT – černý rámeček + černý text i při hoveru */
header#header .search button,
header#header .search input[type="submit"],
header#header .search .btn{
  border-color:#000 !important;
}
header#header .search button:hover,
header#header .search input[type="submit"]:hover,
header#header .search .btn:hover,
header#header .search button:focus-visible,
header#header .search input[type="submit"]:focus-visible,
header#header .search .btn:focus-visible{
  color:#000 !important; border-color:#000 !important; outline:none;
}

/* 6) HODNOCENÍ OBCHODU+ (addon) – vzhled + „zlaté“ hvězdy */
#hodnoceniobchodu .vote-wrap:not(.admin-response .vote-wrap),
.id--51 #content .vote-wrap:not(.admin-response .vote-wrap),
.template-14.id--51 .rate-wrapper:not(.admin-response .vote-wrap){
  border:0 solid #dadada !important; border-radius:8px !important;
}
#hodnoceniobchodu .shop-stat-all a{
  background:#dadada !important; color:#000 !important; border-radius:8px !important;
}
#hodnoceniobchodu .shop-stat-all a:hover{
  background:var(--mc-yellow) !important; color:#000 !important;
}
/* barva hvězdiček */
.stars .star.is-active:hover, .stars .star.star-half:before, .stars .star.star-on:before,
.icon-starHalf-before, .icon-starOn-before, .product-ratings .icon-starOff-before:hover,
.product-ratings .star-off:hover, .star.star-half, .star.star-on, .rate-average,
.tursky-apollo .rate-wrapper.unveil-wrapper .rate-list .stars span.star-off::before{
  color:var(--mc-yellow) !important;
}

/* 7) ČLÁNKY – skrytí template nadpisu + data (náš <h1> v článku ponechat) */
h1[data-testid="textArticleTitle"],
h1[itemprop="headline"],
h1[data-testid="textArticleTitle"] + time,
h1[itemprop="headline"] + time{
  display:none !important;
}
.mc-article h1{ display:block !important; }

/* 8) PRODUKTY – hvězdičky: schovej, pokud JS nastaví data-hide="1" */
.stars-wrapper[data-hide="1"],
.product-detail .stars-wrapper[data-hide="1"],
.p-detail-info .stars-wrapper[data-hide="1"],
[data-hide="1"].stars-wrapper{ display:none !important; }
.stars-wrapper[data-hide="1"] .stars-label{ display:none !important; }

/* 9) FOOTER – žluté pozadí + zvýraznění odkazů na hover */
footer#footer,
footer#footer .footer-rows,
footer#footer .footer-bottom,
footer#footer .container.footer-rows,
footer#footer .container.footer-bottom{
  background:var(--mc-yellow-strong) !important;
}
/* zruš případné overlaye/gradienty šablony ve footeru */
footer#footer::before,
footer#footer::after,
footer#footer .footer-rows::before,
footer#footer .footer-rows::after{ display:none !important; }
/* barvy textu/odkazů + efekt při hoveru */
footer#footer,
footer#footer a{ color:#111 !important; }
footer#footer a{ text-decoration:none; transition: color .2s ease, font-weight .2s ease, text-decoration-thickness .2s ease, text-underline-offset .2s ease; }
footer#footer a:hover,
footer#footer a:focus-visible{
  color:#000 !important;
  font-weight:700 !important;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:2px;
  outline:none;
}
/* IG/FB boxy ve footeru bez vlastních podkladů */
footer#footer .custom-footer > div{ background:transparent !important; }

/* ===== ČLÁNKY – layout + full-bleed fotky ===== */
:root{
  --article-max:900px;               /* max. šířka textu článku */
  --bleed-max:900px;                 /* strop šířky fotek (přepiš dle chuti) */
  --page-pad:16px;                   /* vnitřní okraj na mobilech/úzkých oknech */
  --img-r:12px; 
  --img-sh:0 8px 28px rgba(0,0,0,.08);
  --ph-b:2px dashed #cfcfcf; 
  --ph-bg:#fafafa; 
  --t:#111;
}
.mc-article{
  max-width:var(--article-max);
  margin:0 auto;
  padding:24px var(--page-pad);
  line-height:1.7;
  font-size:16px;
  color:var(--t);
  position:relative;
}
.mc-article h1,.mc-article h2{ text-align:center; }
.mc-article h1{ font-size:28px; margin:0 0 14px; }
.mc-article h2{ font-size:21px; margin:28px 0 8px; }
.mc-article section p{ text-align:justify; }
.mc-article p{ margin:10px 0; }
.mc-article ul{ margin:10px 0 10px 20px; }

/* Skryj název a datum z template, ale ponech <h1> uvnitř .mc-article */
.article-detail__title,.article-detail__date,.article-detail time,
.article__header .article__title,.article__header .article__meta,
.article__meta,.detail-article__date,.detail-article__header time,
.content .article__title,.content .article__meta,.content .article__date{
  display:none!important;
}
.mc-article h1{ display:block!important; }

/* Sloty pro fotky */
.img-slot{
  position:relative; margin:14px 0 32px;
  border:var(--ph-b); border-radius:12px; padding:28px;
  text-align:center; background:var(--ph-bg);
}
.img-slot span{ opacity:.75; }

/* Full-bleed: centrovat k článku, šířku limituje viewport */
.img-bleed{
  width:min(var(--bleed-max),calc(100vw - 2*var(--page-pad)));
  left:50%; transform:translateX(-50%); position:relative;
}
.img-slot:not(.is-empty){ border:none; padding:0; background:none; }
.img-slot img{ display:block; width:100%; height:auto; border-radius:var(--img-r); box-shadow:var(--img-sh); }
.img-caption{ display:block; margin-top:8px; font-size:13px; opacity:.7; text-align:center; }

/* === ČLÁNEK: lokální hodnoty – mají přednost před :root === */
.mc-article{
  --article-max: 900px;   /* šířka textu */
  --bleed-max: 900px;     /* max šířka fotek */
  --page-pad: 16px;       /* okraj u krajů okna */
}

/* === Full-bleed obrázky – fixuj šířku vůči viewportu === */
.detail-article .mc-article .img-bleed{
  width: min(var(--bleed-max), calc(100dvw - 2*var(--page-pad))) !important;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
}
/* 4d) CTA: Next step + Add to cart – text vždy černý (včetně hover/focus) */
.buttonNextStep,
.buttonNextStep:link,
.buttonNextStep:visited,
.btn.buttonNextStep,
a.buttonNextStep,
.add-to-cart,
.add-to-cart .btn,
.add-to-cart-button,
.btn.btn-cart.add-to-cart-button,
a.btn.btn-cart{
  color:#000 !important;
}

.buttonNextStep:hover,
.buttonNextStep:focus-visible,
.add-to-cart:hover,
.add-to-cart .btn:hover,
.add-to-cart-button:hover,
.btn.btn-cart.add-to-cart-button:hover,
a.btn.btn-cart:hover,
.buttonNextStep:active,
.add-to-cart-button:active{
  color:#000 !important;
}

/* 4e) "Pokračovat v objednávce" – text vždy černý */
.continue-order-button,
.continue-order-button:link,
.continue-order-button:visited,
a.continue-order-button,
button.continue-order-button,
.btn.continue-order-button{
  color:#000 !important;
}

/* Stav při hoveru/focus/active/disabled */
.continue-order-button:hover,
.continue-order-button:focus,
.continue-order-button:focus-visible,
.continue-order-button:active,
.continue-order-button[disabled],
.continue-order-button.disabled{
  color:#000 !important;
}

/* Pro případ, že šablona barví text uvnitř <span> */
.continue-order-button *,
.continue-order-button:hover *,
.continue-order-button:focus-visible *{
  color:#000 !important;
}
/* 4f) "Pokračovat" – přinutit černý text i uvnitř <span> */
a#continue-order-button.btn.btn-lg.btn-conversion.next-step-forward,
a#continue-order-button.btn.btn-lg.btn-conversion.next-step-forward:link,
a#continue-order-button.btn.btn-lg.btn-conversion.next-step-forward:visited,
a#continue-order-button.btn.btn-lg.btn-conversion.next-step-forward:hover,
a#continue-order-button.btn.btn-lg.btn-conversion.next-step-forward:focus,
a#continue-order-button.btn.btn-lg.btn-conversion.next-step-forward:active {
  color:#000 !important;
  text-shadow:none !important;         /* kdyby šablona zesvětlovala přes shadow */
  -webkit-text-fill-color:#000 !important; /* pro jistotu u webkit */
}

/* text uvnitř tlačítka (šablona často barví přímo <span>) */
#continue-order-button .order-button-text,
#continue-order-button:hover .order-button-text,
#continue-order-button:focus .order-button-text {
  color:#000 !important;
  -webkit-text-fill-color:#000 !important;
}

/* fallback: cokoliv uvnitř tlačítka */
#continue-order-button *,
#continue-order-button:hover *,
#continue-order-button:focus *{
  color:#000 !important;
}
/* 4g) "Pokračovat" – mini-košík i pokladna: vždy černý text */
/* globálně pro konverzní tlačítka */
.btn.btn-conversion,
.btn.btn-conversion:link,
.btn.btn-conversion:visited{
  color:#000 !important;
}

/* konkrétní tlačítko pokračovat – obě varianty (checkout i mini-košík) */
#continue-order-button,
#continue-order-button:link,
#continue-order-button:visited,
#continue-order-button:hover,
#continue-order-button:focus{
  color:#000 !important;
  -webkit-text-fill-color:#000 !important;
  text-shadow:none !important;
}

/* když šablona vkládá text pseudoelementem */
#continue-order-button::before,
#continue-order-button::after{
  color:#000 !important;
}

/* specifičtěji pro popup mini-košík (pro jistotu) */
.popup-widget .cart-widget-button #continue-order-button,
.popup-widget .cart-widget-button #continue-order-button:hover,
.popup-widget .cart-widget-button #continue-order-button:focus,
.popup-widget .cart-widget-button #continue-order-button::before,
.popup-widget .cart-widget-button #continue-order-button::after{
  color:#000 !important;
  -webkit-text-fill-color:#000 !important;
  text-shadow:none !important;
}
/* === MitroCZECH: sjednocená zelená a doručení === */
:root{
  /* firemní zelená */
  --mc-green:#63c106; /*#009901*/
  /* zarovnej i dříve použité detail tlačítko na stejnou zelenou */
  --mc-detail-green: var(--mc-green);
}




/* === Doručení: jen datum zeleně, label původní barvou === */

/* vrať labelu původní barvu (zrušíme naše dřívější přebarvení) */
.delivery-time-label{
  color: inherit !important;   /* nebo 'initial' pokud bys chtěl default prohlížeče */
}

/* datum (hodnota) zeleně – tmavší pro bílá pozadí */
:root{ --mc-green-on-white:#009901; } /*#408000*/
.delivery-time{
  color: var(--mc-green-on-white) !important;
}