/* ============================================================
   HAPPY HAIR – VLASTNÍ ÚPRAVY ŠABLONY APOLLO (CSS)
   Originál: CLAUDE_dokumenty/Shoptet - uprava sablony/hh-upravy-sablony.css
   Na eshopu: Správce souborů → /user/documents/upload/hh/hh-upravy-sablony.css
   Načítá se z HTML kód → Záhlaví. Historie změn: README.md
   ============================================================ */

/* 1) Horní lišta – e-mail nepřekrývá přepínač měny/jazyka (desktop + tablet)
      Apollo dává e-mail (.top-navigation-contacts) absolutně vpravo (right:15px, z-index 99)
      a přepínač měny/jazyka je zarovnaný také doprava → ležel pod e-mailem.
      Řešení: přepínači přidat zprava místo o šířce e-mailu (~192 px + mezera).
      Mobil (< 768 px) beze změny. Přidáno 21.10.2026 */
@media (min-width: 768px) {
  .top-navigation-bar .top-navigation-tools--language {
    padding-right: 215px;
  }
}

/* 2) Homepage – přeskládání bloků (dělá hh-upravy-sablony.js)
      Aby návštěvník neviděl "přeskakování", jsou oba přesouvané bloky do přesunu
      neviditelné. Pojistka: kdyby JS nedoběhl, po 1,5 s se zobrazí i tak.
      Přidáno 21.10.2026 */
.in-index .welcome-wrapper,
.in-index .banners-top-block {
  opacity: 0;
  animation: hh-pojistka 0s linear 1.5s forwards;
}
.hh-poradi-ok .in-index .welcome-wrapper,
.hh-poradi-ok .in-index .banners-top-block {
  opacity: 1;
  animation: none;
}
@keyframes hh-pojistka { to { opacity: 1; } }