/* Navigation partagee entre la landing et /calendrier — source unique.
   Reprend les variables de la DA (--ink, --lime, --off, --grey, --line). */

.nav-left { display: inline-flex; align-items: center; gap: 12px; }

/* ---- bouton burger ---- */
.menu { position: relative; }
.burger {
  display: flex; flex-direction: column; justify-content: center; gap: 4px;
  width: 34px; height: 34px; padding: 8px;
  background: none; border: 1px solid transparent; border-radius: 4px;
  cursor: pointer; transition: border-color 0.25s, background 0.25s;
}
.burger span {
  display: block; height: 1.5px; width: 100%;
  background: var(--off); border-radius: 2px;
  transition: background 0.25s;
}
.burger:hover, .menu.open .burger { border-color: var(--line); background: rgba(244,243,239,0.05); }
.burger:hover span, .menu.open .burger span { background: var(--lime); }

/* ---- liste deroulante ---- */
.menu-list {
  position: absolute; top: calc(100% + 10px); left: 0; z-index: 200;
  min-width: 172px; list-style: none; padding: 6px;
  background: #0F2338;                    /* legerement plus clair que --ink, lisible */
  border: 1px solid var(--line); border-radius: 5px;
  box-shadow: 0 14px 34px rgba(0,0,0,0.45);
  opacity: 0; visibility: hidden; transform: translateY(-6px);
  transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
}
.menu.open .menu-list { opacity: 1; visibility: visible; transform: translateY(0); }
/* survol : uniquement sur les appareils qui savent survoler (pas les ecrans tactiles) */
@media (hover: hover) and (pointer: fine) {
  .menu:hover .menu-list { opacity: 1; visibility: visible; transform: translateY(0); }
}

.menu-list a {
  display: block; padding: 11px 14px; border-radius: 3px;
  font-family: "IBM Plex Mono", monospace;
  font-size: 11px; font-weight: 500;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--off); transition: background 0.2s, color 0.2s;
}
.menu-list a:hover { background: rgba(244,243,239,0.07); color: var(--lime); }

/* page courante */
.menu-list a[aria-current="page"] { color: var(--lime); }
.menu-list a[aria-current="page"]::before { content: "› "; color: var(--lime); }

@media (max-width: 640px) {
  .nav-left { gap: 8px; }
  .burger { width: 32px; height: 32px; }
}