/* ══════════════════════════════════════
   I18N — sélecteur FR / EN / ES et stabilité du menu.

   Le sélecteur est écrit dans le HTML de chaque page (pas ajouté en JS)
   pour ne rien décaler au chargement. La langue active est mise en
   évidence via l'attribut lang de <html>, posé dans le <head> par
   assets/js/i18n.js : aucun saut visuel.
   Les liens du menu et le bouton d'action reçoivent en JS une largeur
   minimale égale à leur texte le plus long dans les 3 langues : le menu
   ne bouge pas quand on change de langue.
══════════════════════════════════════ */
.lang-switch-wrap{display:inline-flex;align-items:center}
.lang-switch{
  display:inline-flex;gap:2px;padding:2px;margin-right:1rem;flex:0 0 auto;
  border:1px solid rgba(147,51,234,.35);background:rgba(6,4,10,.55);
}
.lang-switch button{
  width:2.4rem;padding:.38rem 0;text-align:center;
  background:none;border:0;cursor:pointer;color:rgba(243,240,250,.5);
  font:500 .55rem Montserrat,Arial,sans-serif;letter-spacing:.14em;
  transition:color .2s,background .2s;
}
.lang-switch button:hover{color:#fff}
html[lang="fr"] .lang-switch button[lang="fr"],
html[lang="en"] .lang-switch button[lang="en"],
html[lang="es"] .lang-switch button[lang="es"]{color:#fff;background:#9333ea}

nav .nav-a{display:inline-block;text-align:center;white-space:nowrap}
nav .btn-cta{justify-content:center;white-space:nowrap}

/* Le texte du menu reste masqué le temps de fixer les largeurs (quelques ms) */
html.nav-pending nav .nav-links,
html.nav-pending nav .btn-cta{visibility:hidden}

@media(min-width:769px) and (max-width:1100px){
  nav,nav.scrolled{padding-left:1.4rem;padding-right:1.4rem}
  .nav-links{gap:1.1rem!important}
  .nav-a{letter-spacing:.16em!important}
  .lang-switch{margin-right:.5rem}
  nav .btn-cta{padding-left:1.1rem;padding-right:1.1rem}
}
@media(max-width:768px){
  nav .lang-switch{
    position:absolute;top:calc(100% + 8px);right:.8rem;margin:0;
    background:rgba(6,4,10,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  }
  .lang-switch button{width:2rem;padding:.32rem 0;font-size:.5rem}
}