/* ==========================================================
   FIX 8/2026 v1.3 - mi-band.cz po Shoptet update sablony Classic
   (pageElement__heading, header_v1, karta produktu, modal)
   ========================================================== */

/* 1) Footer - bile texty na cernem podkladu */
#footer .pageElement__heading,
#footer .pageElement__heading span,
#footer h4, #footer .h4,
#footer .contact-box strong,
#footer .contact-box span,
#footer p, #footer li, #footer a { color: #fff; }
#footer a:hover { color: #13911f; }

/* 2) Karta produktu - cena vlevo, dostupnost, tlacitko vpravo */
@media (min-width: 768px) {
  .products .product .p-bottom > div { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 8px; }
  .products .product .p-bottom .p-tools { margin-left: auto; }
}

/* 3) Modal "Pridano do kosiku" - konverzni tlacitko zelene */
.colorbox-html-content .btn-conversion { background-color: #13911f !important; border-color: #13911f !important; }
.colorbox-html-content .next-step-back { background-color: #b8b8b8; border-color: #b8b8b8; }

/* 4) Modal v3 - kompaktni, realna vyska (obaly zpet do toku), Safari-safe */
#colorbox:has(.advanced-order) {
  width: min(560px, calc(100vw - 24px)) !important;
  height: auto !important;
  position: fixed !important;
  left: 50% !important;
  top: 40% !important;
  transform: translate(-50%, -50%);
}
#colorbox:has(.advanced-order) #cboxWrapper {
  position: static !important;
  width: 100% !important;
  height: auto !important;
}
#colorbox:has(.advanced-order) #cboxContent,
#colorbox:has(.advanced-order) #cboxLoadedContent {
  float: none !important;
  width: 100% !important;
  height: auto !important;
}
#colorbox:has(.advanced-order) #cboxMiddleLeft,
#colorbox:has(.advanced-order) #cboxMiddleRight,
#colorbox:has(.advanced-order) #cboxTopLeft,
#colorbox:has(.advanced-order) #cboxTopCenter,
#colorbox:has(.advanced-order) #cboxTopRight,
#colorbox:has(.advanced-order) #cboxBottomLeft,
#colorbox:has(.advanced-order) #cboxBottomCenter,
#colorbox:has(.advanced-order) #cboxBottomRight { display: none !important; }

/* 5) Mobilni hlavicka (header_v1): zelena lista s bilym logem + svetly pas se search */
@media (max-width: 767px) {
  .overall-wrapper { padding-top: 0 !important; }
  #header:before {
    content: "" !important; position: absolute; left: 0; bottom: 0;
    width: 100%; height: 62px; background: #e2f4e4;
  }
  #header .site-name {
    display: flex !important; position: absolute !important;
    left: 50%; top: 28px; transform: translate(-50%, -50%);
    z-index: 2; width: auto; height: auto;
  }
  #header .site-name a { display: flex; align-items: center; }
  #header .site-name a img { filter: grayscale(100%) brightness(300%); max-height: 28px; width: auto; }
  #header .search { display: block !important; background: transparent; position: relative; z-index: 1; padding: 9px 122px 9px 0; margin: 0; }
  #header .search .search-form { display: block !important; width: 100%; position: relative; }
  #header .search .search-form button[type="submit"] {
    position: absolute; right: 5px; top: 50%; transform: translateY(-50%);
    margin: 0; width: 34px; height: 34px; padding: 0;
  }
  #header .top-navigation-tools .responsive-tools { position: relative; }
  #header .responsive-tools > a[data-target="login"] {
    display: block !important; position: absolute; right: 0; top: 4px;
    width: 40px; height: 40px; z-index: 2;
  }
  #header .navigation-buttons .cart-count { right: 15px; z-index: 2; }
}