/* menu-mdf.css — correction 1 du 07/10/2026 (retours du frère de Cindy, constat CONSTAT-MDF-2026-10-07.html, points A1, A7, B2).
   Chargée en dernier par les pages qui portent le menu de l'accueil. Trois règles, rien d'autre :
   1. le panneau d'un menu se cale sur la barre et tient entier dans l'écran (il se calait sur l'entrée survolée et sortait à gauche ou à droite) ;
   2. un seul point de bascule vers le hamburger, là où le menu ne tient plus sur une ligne ;
   3. en mode hamburger, le bouton de rendez-vous est à droite, contre le hamburger. */

/* 1 — panneaux dans l'écran */
nav.nav .nav-links{align-self:stretch;align-items:stretch}
nav.nav .nav-item{position:static;align-self:stretch}
nav.nav .nav-item>.nav-link,nav.nav .nav-links>.nav-link{display:inline-flex;align-items:center}
nav.nav .mega-menu{left:50%;right:auto;width:min(1120px,calc(100vw - 32px));max-width:none;box-sizing:border-box}
nav.nav .nav-links,nav.nav .nav-link,nav.nav .nav-cta{white-space:nowrap}

/* 4 — même barre partout : trois pages de blog portaient leurs propres marges (menu à 1 260 px au lieu de 1 190, plus rien à 1 024 px) */
nav.nav{padding:0;height:56px}
nav.nav .nav-in{max-width:1280px;margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:1.5rem}
@media (max-width:640px){nav.nav .nav-in{padding:0 1rem}}

/* 2 — bascule vers le hamburger : le menu complet demande 1199 px ; en dessous, hamburger */
@media (max-width:1199px){
  nav.nav .nav-links{display:none!important}
  nav.nav .mega-menu{display:none!important}
  nav.nav .nav-burger{display:flex!important;flex-shrink:0}
  /* 3 — bouton de rendez-vous à droite, contre le hamburger */
  nav.nav .nav-cta{margin-left:auto}
  nav.nav .nav-in{gap:14px}
}
@media (max-width:420px){
  nav.nav .nav-in{gap:10px}
}