/* ════════════════════════════════════════════════════════════════════════
   04-nav.css — VOALA fullscreen overlay menu

   Zdroj: Figma VOALA_WEB_2025 → HAMBURGER_MENU frame.
   - fullscreen bílá plocha (WHITE_VOALA)
   - horní bar 80 px: vlnky (zavřít) vlevo, logo uprostřed, akce vpravo
   - odkazy centrované, Inter 400, 64 px / 120 %, RED_VOALA

   Stav řídí body.menu-open (assets/js/drawer.js — stejný kontrakt jako
   drawer, jen místo off-canvas panelu je fullscreen overlay).
   Otevírá [data-drawer-open] (burger), zavírá [data-drawer-close] (vlnky),
   Esc zavírá taky.
   ════════════════════════════════════════════════════════════════════════ */

.vo-overlay {
  position: fixed;
  inset: 0;
  z-index: var(--z-drawer);
  background: var(--white-voala);
  display: flex;
  flex-direction: column;
  font-family: var(--font-base);

  opacity: 0;
  visibility: hidden;
  transition: opacity var(--t-base), visibility var(--t-base);
}

body.menu-open .vo-overlay {
  opacity: 1;
  visibility: visible;
}

/* ── WP admin bar (jen přihlášení) ───────────────────────────────────────
   Overlay začíná až pod admin lištou, jinak jeho horní bar (vlnky/logo)
   skočí pod ni. --adminbar-offset počítá header-adminbar.js dynamicky
   (na ≤600px lišta odscrolluje → offset klesá k 0); statické fallbacky
   32/46 px kryjí stav, než JS naběhne. Lišta má z-index 99999, takže
   zůstává viditelná nad overlayem — to je záměr.
   ──────────────────────────────────────────────────────────────────────── */
body.admin-bar .vo-overlay {
  top: var(--adminbar-offset, 32px);
}
@media (max-width: 782px) {
  body.admin-bar .vo-overlay {
    top: var(--adminbar-offset, 46px);
  }
}

/* Scroll-lock stránky pod overlayem */
body.menu-open { overflow: hidden; }

/* ── Horní bar overlaye (zrcadlí header) ─────────────────────────────── */
.vo-overlay__bar {
  flex: 0 0 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  /* obsah zarovnaný na kontejner 1222 px (stejně jako header) */
  padding: 0 max(24px, calc((100% - var(--container)) / 2));
  background: var(--white-voala);
  box-shadow: var(--shadow-header);
}

/* Vlnky = zavřít */
.vo-overlay__close {
  display: inline-flex;
  align-items: center;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
  color: var(--red-voala);
  transition: color var(--t-fast), transform var(--t-fast);
}
.vo-overlay__close:hover { color: var(--red-voala-dark); transform: scale(1.04); }
.vo-overlay__close svg { display: block; }

/* Logo uprostřed baru */
.vo-overlay__bar .vo-logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: var(--red-voala);
  line-height: 0;
}
.vo-overlay__bar { position: relative; }
.vo-overlay__bar .vo-logo svg { height: 29px; width: auto; }

.vo-overlay__bar .vo-header__actions { margin-left: auto; }

/* ── Menu odkazy ─────────────────────────────────────────────────────── */
.vo-overlay__menu-wrap {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  padding: 40px 20px;
}

.vo-overlay__menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center;
}
.vo-overlay__menu li {
  list-style: none;
  margin: 0 0 clamp(14px, 2.6vh, 28px);
  padding: 0;
}
.vo-overlay__menu li:last-child { margin-bottom: 0; }

.vo-overlay__menu a {
  display: inline-block;
  font-size: var(--fs-overlay-link);   /* clamp(32px, 6vw, 64px) */
  font-weight: 400;
  line-height: 1.2;
  color: var(--red-voala) !important;
  text-decoration: none !important;
  transition: color var(--t-fast), letter-spacing var(--t-base);
}
.vo-overlay__menu a:hover {
  color: var(--red-voala-dark) !important;
  letter-spacing: .02em;
}

/* Aktivní stránka — jemné odlišení */
.vo-overlay__menu .current-menu-item > a,
.vo-overlay__menu .current_page_item > a {
  color: var(--red-voala-dark) !important;
}

/* Podmenu v overlay nezobrazujeme (jednoúrovňová navigace dle designu) —
   kdyby menu obsahovalo children, vypíšou se menší pod rodičem. */
.vo-overlay__menu .sub-menu {
  list-style: none;
  margin: 6px 0 0;
  padding: 0;
}
.vo-overlay__menu .sub-menu a {
  font-size: clamp(18px, 2.2vw, 24px);
  opacity: .85;
}

/* ── CZ/EN v overlay baru (mobil — v headeru se schovává) ────────────── */
.vo-overlay__bar .vo-lang { display: inline-flex; }