/* Menu burger mobile — fichier NEUF (additif), pour ne jamais avoir à bumper le
 * ?v= de brand.css (servi immutable 30j : modifier son contenu sans changer son
 * URL laisserait les visiteurs déjà passés avec l'ancienne copie en cache).
 * Bouton injecté par assets/nav-burger.js ; c'est un <button>, la règle
 * brand.css ".nav-links a:not(.btn) { display:none }" ne le concerne pas — il
 * reste visible dans l'état replié comme dans l'état ouvert. */
.nav-burger {
  display: none; align-items: center; justify-content: center; flex-direction: column; gap: 4px;
  width: 32px; height: 32px; padding: 0; border: 0; background: transparent;
  cursor: pointer; flex-shrink: 0; order: -1;
}
.nav-burger span { display: block; width: 100%; height: 2px; border-radius: 2px; background: var(--ink); transition: transform .18s ease, opacity .18s ease; }
nav.mobile-menu-open .nav-burger span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
nav.mobile-menu-open .nav-burger span:nth-child(2) { opacity: 0; }
nav.mobile-menu-open .nav-burger span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

@media(max-width: 760px) {
  .nav-burger { display: flex; }
  /* Écran replié : seuls logo + burger + langue restent dans la barre — tout le
     reste (liens, Essai gratuit, Se connecter) ne vit plus que dans le panneau. */
  .nav-links > a:not(.nav-burger), .nav-links > .btn { display: none; }

  /* Panneau déroulant : sous la barre sticky (nav sert de bloc de positionnement). */
  nav.mobile-menu-open .nav-links {
    position: absolute; top: 100%; left: 0; right: 0;
    flex-direction: column; align-items: stretch; gap: 2px;
    padding: 10px 20px 20px; background: #0B1230; border-bottom: 1px solid var(--stroke);
    box-shadow: 0 20px 44px rgba(0,0,0,.4); max-height: calc(100vh - 72px); overflow-y: auto;
  }
  nav.mobile-menu-open .nav-links > a:not(.nav-burger) {
    display: block; padding: 12px 4px; border-bottom: 1px solid rgba(122,140,200,.12);
  }
  nav.mobile-menu-open .nav-links > .btn { display: flex; margin-top: 10px; justify-content: center; }
  nav.mobile-menu-open .lang-selector { margin-top: 4px; align-self: flex-start; }
}