/* MitroCZECH Header Styles (mc-header.css) – v2025-09-08g */

/* ===== NOVÉ: Skrytí TISK + SDÍLET napříč webem ===== */
a.link-icon.print,
a[title="Tisk"],
a[title*="Tisknout"],
a[aria-label*="Tisk"]{
  display:none !important;
}

/* „Sdílet“ – podle tříd i (aria-)title, vč. wrapperu */
a.link-icon.share,
a.js-share-buttons-trigger,
a[title*="Sdílet"],
a[aria-label*="Sdílet"],
a[title*="Share"],
a[aria-label*="Share"]{
  display:none !important;
}
.social-buttons-wrapper,
.social-buttons-no-display{
  display:none !important;
}

/* ===== PŮVODNÍ OBSAH + drobné úpravy ===== */
:root{
  --menu-link:#ffcc00; --menu-hover:#000; --menu-hover-bg:#ffcc00;

  /* =======================
     ✅ ZELENÉ – ODDĚLENÉ
     ======================= */
  --mc-green-check:#2e7d32;  /* fajfky v "Přednostech" – tmavší, čitelná v textu */       /* ✅ změna */
  --mc-green-btn:#5ebc01;    /* zelená pro tlačítko Detail (karty produktů) */             /* ✅ změna */
}

#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 (už nepoužíváme níž) */
  --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){
  nav#navigation .menu-level-1>li>a{
    display:inline-flex; align-items:center;
    line-height:1; padding-block:1em; padding-inline:14px;
  }
  #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; }
  nav#navigation{ margin-bottom:12px !important; }
}

/* 2) FOOTER – layout */
@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 – welcome blok */
.content-wrapper.homepage-box.welcome-wrapper{
  margin-top:0 !important; margin-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í */
.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 */
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í – hover žlutě */
.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 – výchozí + hover */
.products .p-tools a.btn.btn-primary,
.products .p-bottom.single-button a.btn.btn-primary{
  background-color:var(--mc-green-btn) !important;
  border-color:var(--mc-border) !important;
  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) Košík – hover */
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 – rámeček/hover */
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Í – hvězdy žlutě */
#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;
}
.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 – skrýt templ. nadpis+datum */
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 toggle */
.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í + odkazy */
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;
}
footer#footer::before,
footer#footer::after,
footer#footer .footer-rows::before,
footer#footer .footer-rows::after{ display:none !important; }
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;
}
footer#footer .custom-footer > div{ background:transparent !important; }

/* ===== ČLÁNKY – layout + full-bleed fotky ===== */
:root{
  --article-max:900px;
  --bleed-max:900px;
  --page-pad:16px;
  --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; }

.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; }

.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; }

.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; }

.mc-article{
  --article-max: 900px;
  --bleed-max: 900px;
  --page-pad: 16px;
}
.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 černý */
.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 – černý text vč. spanů */
.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;
}
.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;
}
.continue-order-button *,
.continue-order-button:hover *,
.continue-order-button:focus-visible *{
  color:#000 !important;
}
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;
  -webkit-text-fill-color:#000 !important;
}
#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;
}
#continue-order-button *,
#continue-order-button:hover *,
#continue-order-button:focus *{
  color:#000 !important;
}
.btn.btn-conversion,
.btn.btn-conversion:link,
.btn.btn-conversion:visited{
  color:#000 !important;
}
#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;
}
#continue-order-button::before,
#continue-order-button::after{
  color:#000 !important;
}
.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;
}

/* === Doručení: label původní barvou, datum zeleně === */
.delivery-time-label{ color: inherit !important; }
:root{ --mc-green-on-white:#009901; }
.delivery-time{ color: var(--mc-green-on-white) !important; }

/* === Primární tlačítka mimo karty produktů: BÍLÝ text === */
.btn.btn-primary,
a.btn.btn-primary,
.btn.btn-xs.btn-primary,
a.btn.btn-xs.btn-primary{
  color:#fff !important;
}
/* Výjimka: karty produktů chtějí černý text */
.products .p-tools a.btn.btn-primary,
.products .p-bottom.single-button a.btn.btn-primary{
  color:#000 !important;
}

/* === Menu: tučný text === */
#navigation .menu-level-1 > li > a,
#navigation .menu-level-1 > li > a b,
nav#navigation .menu-level-1 > li > a,
nav#navigation .menu-level-1 > li > a b{
  font-weight:700 !important;
}
#navigation .menu-level-2 > li > a,
#navigation .menu-level-2 > li > a b{
  font-weight:700 !important;
}

/* === FOOTER: tmavé pozadí + žluté odkazy (varianta) === */
footer#footer,
footer#footer .footer-rows,
footer#footer .footer-bottom,
footer#footer .container.footer-rows,
footer#footer .container.footer-bottom{
  background:#000000 !important;
}
footer#footer{ color:#ffc00c !important; }
footer#footer h4,
footer#footer h4 span{ color:#ffc00c !important; }
footer#footer a{
  color:#ffffff !important;
  text-decoration:none !important;
  font-weight:500;
}
footer#footer a:hover,
footer#footer a:focus{
  color:#ffc00c !important;
  font-weight:700 !important;
  text-decoration:none !important;
}

/* ===== KATEGORIE: odsazení přesunutých bloků (rozšířené selektory) ===== */
.template-category .category-top .benefitBanner,
.category .category-top .benefitBanner,
.template-category .category-top .ratings-wrapper,
.category .category-top .ratings-wrapper,
/* nové fallbacky: */
.category-top .benefitBanner.position--benefitCategory,
.category-top .mc-ups,
.category-top .benefits,
.category-top .benefit-banner,
.category-top .ratings-wrapper,
.category-top #hodnoceniobchodu,
.category-top .rate-wrapper,
.category-top .shop-rating,
.category-top .reviews,
.category-top .reviews-wrapper{
  margin:12px 0 !important;
  position:static !important;
}

/* ===== Produktová šablona (v2 – 1200px, střídání sekcí, rámečky fotek) ===== */
:root{
  --mc-max: 1200px;
  --mc-pad: 16px;
  --mc-img-r: 12px;
  --mc-img-shadow: 0 8px 28px rgba(0,0,0,.08);
  --mc-img-border: 1px solid rgba(0,0,0,.08);
  --mc-h3: 22px;
  --mc-text: 16px;
}

.mc-product{
  max-width: var(--mc-max);
  margin: 0 auto;
  padding: 24px var(--mc-pad);
  line-height: 1.7;
  font-size: var(--mc-text);
  color:#111;
}
.mc-product h3{
  font-size: var(--mc-h3);
  margin: 24px 0 12px;
  text-align: center;
}
.mc-section{ margin: 32px 0; }

/* Dvou sloupce */
.mc-split{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: start;
}

/* Foto rámeček */
.mc-photo{
  display: none;
  border-radius: var(--mc-img-r);
  overflow: hidden;
  box-shadow: var(--mc-img-shadow);
  border: var(--mc-img-border);
  background:#fafafa;
}
.mc-photo:has(img){ display:block; }
.mc-photo img{ display:block; width:100%; height:auto; }

/* Přednosti – zelené fajfky */
.mc-benefits{ list-style: none; padding:0; margin: 12px 0 0 0; }
.mc-benefits li{
  position: relative; padding-left: 28px; margin: 8px 0;
}
.mc-benefits li::before{
  content: "✔"; position:absolute; left:0; top:0; line-height:1;
  transform: translateY(2px); font-weight:700; color: var(--mc-green-check);
}

/* Doplňky mřížka */
.mc-addons{ display:grid; gap:24px; grid-template-columns: 1fr 1fr; }

/* Spodní upozornění */
.mc-notice{ text-align:center; margin: 40px 0 16px; }
.mc-notice-list{ max-width: 810px; margin:0 auto; text-align:left; }

/* Responsivita */
@media (max-width: 900px){
  .mc-split{ grid-template-columns: 1fr; }
  .mc-addons{ grid-template-columns: 1fr; }
}

/* Směr sloupců */
.mc-split .col-text  { grid-column: 1; }
.mc-split .col-media { grid-column: 2; }
.mc-split.mc-split--text-right .col-text  { grid-column: 2; }
.mc-split.mc-split--text-right .col-media { grid-column: 1; }

/* Mobil: jednosloupec */
@media (max-width: 900px){
  .mc-split { grid-template-columns:1fr; }
  .mc-split .col-text, .mc-split .col-media { grid-column: 1 !important; }
}

/* Deaktivace starých FLEX přepínačů */
.mc-split.mc-split--text-right { flex-direction: initial !important; }
.mc-split .col-text, .mc-split .col-media { order: initial !important; }

/* ===== Mobil: barva textu menu na černo ===== */
@media (max-width: 768px){
  nav a, .navigation a, .menu a, .menu__link, .nav__link, [class*="menu"] a { color: #111 !important; }
  nav a:hover, .navigation a:hover, .menu a:hover, .menu__link:hover, .nav__link:hover,
  [class*="menu"] a:hover, [class*="menu"] a:focus, [class*="menu"] .menu__item--active > a,
  .menu__item--active > a { color: #111 !important; }
  .submenu a, .menu__submenu a, .menu-level-2 a { color: #111 !important; }
  .hamburger, .hamburger span, .menu-toggle, .menu-toggle .icon, .nav-toggle, .nav-toggle .icon {
    background: transparent !important; color: #111 !important;
  }
}
@media (max-width: 767.98px){
  nav#navigation .menu-level-1 li > a,
  nav#navigation .menu-level-1 li > a > b,
  nav#navigation .menu-level-2 li > a,
  nav#navigation .menu-level-2 li > a > b { color:#111 !important; }
  nav#navigation .menu-item--active > a,
  nav#navigation .menu-item--active > a > b,
  nav#navigation a:hover,
  nav#navigation a:focus,
  nav#navigation a:visited { color:#111 !important; }
  nav#navigation { --menu-link-color:#111; }
}
@media (max-width: 767.98px){
  nav#navigation a[href="/doplnky-ke-hram/"] > .submenu-arrow{ display: none !important; }
  nav#navigation a[href="/doplnky-ke-hram/"]{ padding-right: 16px !important; }
}

/* Tabulka variant */
.mc-table { width:100%; border-collapse:collapse; table-layout:auto; }
.mc-table th, .mc-table td { padding: 10px 14px; }
.mc-table th { text-align:left; }
.mc-table td { vertical-align: middle; }
.mc-table col.col-color{ width:40%; } .mc-table col.col-cz{ width:20%; }
.mc-table col.col-en{ width:20%; } .mc-table col.col-de{ width:20%; }

/* Galerie */
.mc-gallery { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.mc-gallery .mc-photo { flex:1 1 calc((100% - 24px) / 3); max-width: calc((100% - 24px) / 3); }
.mc-gallery .mc-photo img { width:100%; height:auto; display:block; }
@media (max-width: 640px) {
  .mc-gallery .mc-photo { flex-basis:100%; max-width:100%; }
}
@media (min-width: 768px) {
  .mc-split.mc-photo-left .col-media { order: 0; }
  .mc-split.mc-photo-left .col-text  { order: 1; }
}
@media (min-width: 768px) {
  .mc-section.mc-split.mc-photo-left{ display:flex; flex-direction:row !important; }
  .mc-section.mc-split.mc-photo-left .col-media { order: 1 !important; }
  .mc-section.mc-split.mc-photo-left .col-text  { order: 2 !important; }
}