/* ===== Sélecteur de langue (bulle de verre dans le menu) ===== */
.nav-end{display:flex;align-items:center;gap:10px}
.langs{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 13px;border-radius:999px;cursor:pointer;color:var(--fg);font:600 12.5px var(--body);letter-spacing:.06em;
  border:1px solid rgba(255,255,255,.2);background:radial-gradient(ellipse at 30% 0%,rgba(255,255,255,.18),rgba(255,255,255,.04) 60%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:border-color .2s}
.lang-btn:hover,.langs.open .lang-btn{border-color:rgba(255,255,255,.4)}
.lang-btn svg{width:16px;height:16px;opacity:.85}
.lang-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:190px;padding:6px;display:grid;gap:2px;border-radius:16px;
  border:1px solid rgba(196,165,255,.22);background:rgba(19,14,27,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 30px 60px -20px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.03);
  opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s,transform .2s;z-index:60}
.langs.open .lang-menu{opacity:1;transform:none;pointer-events:auto}
.lang-menu a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;font-size:14.5px;color:var(--fg-80);transition:background .15s}
.lang-menu a:hover{background:rgba(255,255,255,.06);color:var(--fg)}
.lang-menu a[aria-current="true"]{background:linear-gradient(90deg,rgba(139,92,246,.22),rgba(244,114,182,.16));color:var(--fg)}
.lang-menu b{width:26px;font:700 11.5px var(--body);letter-spacing:.06em;color:var(--lilac)}
/* Langues aux mots plus longs : un peu moins d'espacement dans le menu */
:lang(de) .nav ul a,:lang(es) .nav ul a{letter-spacing:.04em}