/* ===== Nothing — Sélecteur de langue (nav) — v2 ===== */
.lang-sel{position:relative;display:inline-flex;font-family:var(--sa,'Sora',system-ui,sans-serif);-webkit-tap-highlight-color:transparent}
.lang-sel *{box-sizing:border-box}

/* Déclencheur (remplace l'ancien .lang-switch) */
.lang-sel-btn{
  display:inline-flex;align-items:center;gap:7px;
  padding:6px 12px;min-height:32px;
  background:transparent;border:1px solid rgba(0,0,0,.12);border-radius:100px;
  font:inherit;font-size:.76rem;font-weight:600;color:#1a1a1a;letter-spacing:.005em;
  cursor:pointer;white-space:nowrap;line-height:1;
  transition:background .2s cubic-bezier(.16,1,.3,1),border-color .2s ease;
}
.lang-sel-btn:hover{background:rgba(0,0,0,.045)}
.lang-sel.is-open .lang-sel-btn{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.14)}
/* neutralise le contour rouge global :focus-visible du site */
.lang-sel-btn:focus{outline:none}
.lang-sel-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(15,23,42,.12)}
.lang-sel-globe{width:14px;height:14px;flex:none;stroke:currentColor;stroke-width:2;fill:none;opacity:.85}
.lang-sel-btn .ls-name{font-weight:600}
.lang-sel-chev{width:12px;height:12px;flex:none;stroke:currentColor;stroke-width:2.2;fill:none;opacity:.5;margin-left:0;transition:transform .28s cubic-bezier(.16,1,.3,1)}
.lang-sel.is-open .lang-sel-chev{transform:rotate(180deg)}

/* Panneau déroulant — compact, fidèle à la réf (rangées pleine largeur + séparateurs) */
.lang-sel-menu{
  position:absolute;top:calc(100% + 9px);right:0;z-index:300;
  min-width:228px;overflow:hidden;
  background:#fff;border:1px solid rgba(15,23,42,.07);
  border-radius:14px;
  box-shadow:0 16px 44px -16px rgba(15,23,42,.24),0 4px 12px -6px rgba(15,23,42,.08);
  opacity:0;visibility:hidden;transform:translateY(-7px) scale(.985);transform-origin:top right;
  transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),visibility .2s;
}
.lang-sel.is-open .lang-sel-menu{opacity:1;visibility:visible;transform:none}

/* Rangée option */
.lang-sel-opt{
  display:flex;align-items:center;gap:9px;
  padding:11px 15px;
  border-bottom:1px solid rgba(15,23,42,.06);
  text-decoration:none;color:#1a1a1a;line-height:1.15;
  transition:background .16s ease;
}
.lang-sel-opt:last-child{border-bottom:none}
.lang-sel-opt .ls-name{font-size:.85rem;font-weight:500;color:#1a1a1a}
.lang-sel-opt .ls-reg{font-size:.85rem;font-weight:400;color:#9aa1ad}
.lang-sel-opt:hover{background:rgba(15,23,42,.04)}
.lang-sel-opt.is-on{background:rgba(15,23,42,.03)}
.lang-sel-check{width:17px;height:17px;margin-left:auto;flex:none;stroke:#1a1a1a;stroke-width:1.7;fill:none;opacity:.72}
.lang-sel-opt:not(.is-on) .lang-sel-check{display:none}

/* État nav réduite (.nav.c) */
.nav.c .lang-sel-btn{padding:5px 10px;font-size:.73rem;min-height:29px}

/* Petits écrans */
@media (max-width:480px){
  .lang-sel-menu{min-width:212px;max-width:calc(100vw - 28px)}
  .lang-sel-opt{padding:11px 14px}
}
