/* ==========================================================================
   Navigation mobile — Kairos refonte 2026
   Posé le 29/08/2026, mission N1.
   La refonte livrait un bouton « Menu » sans état ouvert ni script : sous
   820 px le site ne proposait aucune navigation. Le script associé vit dans
   js/refonte-2026.js et pose la classe « nav-open » sur le body.
   Bascule volontairement en display, sans transition sur visibility : ce
   motif ne se résolvait pas de façon fiable dans la cascade de ce site.
   Charte reprise telle quelle : --base, --rule, --rule2, --ivory, --gold, --mx.
   ========================================================================== */

@media (max-width: 820px) {

  body.nav-open { overflow: hidden; }

  /* Fermé : la charte d'origine masque déjà .links en display:none. */

  body.nav-open .nav .links {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    position: fixed;
    top: 82px;
    left: 0;
    right: 0;
    max-height: calc(100dvh - 82px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 4px var(--mx) 32px;
    background: var(--base);
    border-bottom: 1px solid var(--rule);
    z-index: 39;
  }

  body.nav-open .nav .links a {
    font-size: 17px;
    letter-spacing: .005em;
    color: var(--ivory);
    padding-block: 18px;
    min-height: 44px;
    border-bottom: 1px solid var(--rule2);
  }

  body.nav-open .nav .links a::after { display: none; }

  /* Le bouton principal est déplacé dans le panneau par le script : il faut
     annuler le display:none que la charte lui applique sous 820 px. */
  body.nav-open .nav .links .btn-p {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 24px;
    border-bottom: 0;
    min-height: 52px;
  }

  .burger[aria-expanded="true"] {
    border-color: var(--gold);
    color: var(--gold);
  }
}