/* =========================================================
   SHEZMU — navbar.css  (MINIMAL, apple-like, bez FOUC)
   Cesta: /user/documents/upload/CSS/navbar.css
   Upravuje POUZE rozbalovací boxy (dropdown u kategorie
   i u "Více") a zamyká barvu textu položek.
   ========================================================= */

/* rozbalovací panel — dropdown kategorie i "Více" */
#header ul.menu-level-2,
#header .menu-helper > ul {
  border: none;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .10),
              0 2px 8px rgba(0, 0, 0, .05);
  padding: 6px;
  min-width: 230px;
  overflow: hidden;
  background: #ffffff;
  margin-top: 8px;
}

/* položky v boxu */
#header ul.menu-level-2 > li > a,
#header .menu-helper > ul > li > a {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #1a1a1a;
  padding: 11px 18px;
  display: block;
  border-radius: 10px;
  transition: background .2s ease, color .2s ease;
}

/* jemný oddělovač mezi položkami (kromě poslední) */
#header ul.menu-level-2 > li:not(:last-child),
#header .menu-helper > ul > li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, .05);
}

/* najetí myší — jen šedé podbarvení, text černý */
#header ul.menu-level-2 > li > a:hover,
#header .menu-helper > ul > li > a:hover {
  background: #f5f5f7;
  color: #1a1a1a;
}

/* ---------------------------------------------------------
   Barva položek v liště — nemizí na hover (přebíjí šablonu)
   --------------------------------------------------------- */
#header .navigation-in .menu-level-1 > li > a,
#header .navigation-in .menu-level-1 > li > a b,
#header .navigation-in .menu-level-1 > li > a:hover,
#header .navigation-in .menu-level-1 > li > a:hover b,
#header .navigation-in .menu-level-1 > li > a:focus,
#header .navigation-in .menu-level-1 > li > a[aria-expanded="true"],
#header .navigation-in .menu-level-1 > li > a[aria-expanded="true"] b,
#header .menu-helper .menu-level-1 > li > a,
#header .menu-helper .menu-level-1 > li > a b,
#header .menu-helper .menu-level-1 > li > a:hover,
#header .menu-helper .menu-level-1 > li > a:hover b {
  color: #1a1a1a !important;
}

/* ---------------------------------------------------------
   "VÍCE" — defaultně schované, ukáže se až na najetí.
   Ruší bliknutí seznamu, než ho JS udělá rozbalovátkem.
   --------------------------------------------------------- */
#header .menu-helper > ul {
  display: none;
}
#header .menu-helper:hover > ul,
#header .menu-helper:focus-within > ul,
#header .menu-helper.open > ul,
#header .menu-helper[aria-expanded="true"] > ul {
  display: block;
}

/* ---------------------------------------------------------
   ANTI-FLASH: menu a "Více" se objeví až po dorovnání JS,
   místo bliknutí původního seznamu. Vždy se zaručeně ukáže.
   --------------------------------------------------------- */
#header .navigation-in .menu-level-1,
#header .menu-helper {
  opacity: 0;
}
/* CSS pojistka, kdyby skript nenaběhl (ukáže po 1.5s) */
#header:not(.shezmu-ready) .navigation-in .menu-level-1,
#header:not(.shezmu-ready) .menu-helper {
  animation: shezmuNavReady .2s ease 1.5s forwards;
}
/* skript to odhalí hned po dorovnání layoutu */
#header.shezmu-ready .navigation-in .menu-level-1,
#header.shezmu-ready .menu-helper {
  opacity: 1;
}
@keyframes shezmuNavReady {
  to { opacity: 1; }
}