/* Sélecteur de langue. */

/* ---------- Sélecteur FR · EN ---------- */
.lang{display:inline-flex;gap:2px;padding:3px;border:1.5px solid var(--line,#DDD9CB);border-radius:99px;background:var(--blanc,#fff);flex:none}
.lang button{appearance:none;border:0;background:transparent;color:var(--ink-2,#4A4F66);font:600 13px/1 var(--f-texte,system-ui,sans-serif);letter-spacing:.02em;padding:8px 11px;min-height:32px;border-radius:99px;cursor:pointer;white-space:nowrap}
.lang button:hover{color:var(--ink,#0F1431)}
.lang button[aria-pressed="true"]{background:var(--atl,#1A2B56);color:#fff}
.lang button:focus-visible{outline:2px solid var(--maj,#3548C8);outline-offset:2px}

/* En-tête de l'accueil et de la recherche : le sélecteur disparaît sur téléphone, il passe dans le menu */
@media (min-width:1001px){
  .nav{gap:16px}
  .nav .cta{gap:10px}
  .nav ul{gap:16px}
}
.nav .lang button{padding:6px 8px;min-height:30px;font-size:12px}
.nav .mmenu .lang{display:none}
@media (max-width:1000px){
  .nav .lang{display:none}
  .mmenu:not([hidden]) .lang{display:flex;justify-self:start;margin-top:14px}
}

/* Entre 1001 et 1240 px l'en-tête ne tient plus sur une ligne (déjà trop serré avant les langues) :
   on garde le menu déroulant du téléphone jusqu'à 1240 px. */
@media (min-width:1001px) and (max-width:1240px){
  .nav ul{display:none}
  .nav .cta{margin-inline-start:auto}
  .nav .lang,.nav .cta .login{display:none}
  .menu-btn{display:grid}
  .mmenu:not([hidden]){display:grid;gap:2px;padding:8px 20px 20px;border-top:1px solid var(--line);background:var(--sable);box-shadow:0 24px 40px -24px rgba(15,20,49,.35)}
  .mmenu a{display:flex;align-items:center;min-height:52px;font:500 18px var(--f-texte);text-decoration:none;border-bottom:1px solid var(--line)}
  .mmenu a[aria-current=page]{color:var(--atl);font-weight:600}
  .mmenu .btn{margin-top:14px;justify-content:center;border-bottom:0;font-size:17px}
  .mmenu:not([hidden]) .lang{display:flex;justify-self:start;margin-top:14px}
}

/* Page d'inscription et page de contact */
.wz-top .lang{margin-inline-start:auto;margin-inline-end:14px}
@media (max-width:640px){
  .wz-top{gap:8px}
  .wz-top .lang{margin-inline-end:0}
  .wz-top .lang button{padding:6px 8px;min-height:30px;font-size:12px}
  .wz-top   .wz-top .logo .ar{display:none}
}
.top > .by{margin-inline-start:auto}
.top > .lang{margin-inline-start:auto}
.top > .by + .lang{margin-inline-start:16px}