/* Sélecteur de langue FR / EN et fenêtre de suggestion. Fonctionne avec les variables de index.html et de fondateur.html. */
html.i18n-wait body{visibility:hidden;animation:i18n-show 0s 1.5s forwards}
@keyframes i18n-show{to{visibility:visible}}

.lang{display:inline-flex;border:1px solid var(--line,var(--rule));border-radius:999px;padding:2px;background:var(--bg);flex:none}
.lang button{font:600 13px/1 var(--sans);letter-spacing:.04em;color:var(--soft);background:transparent;border:0;border-radius:999px;padding:7px 10px;cursor:pointer;min-width:38px}
.lang button:hover{color:var(--ink)}
.lang button[aria-pressed="true"]{background:var(--accent,var(--link));color:var(--bg)}

.lang-pop{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:300;width:min(360px,calc(100% - 40px));background:var(--bg);color:var(--ink);border:1px solid var(--line,var(--rule));border-radius:10px;padding:18px 18px 16px;box-shadow:0 24px 48px -20px rgba(0,0,0,.35);animation:lang-in .35s cubic-bezier(.2,.8,.2,1) both;font-family:var(--sans)}
@keyframes lang-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.lang-pop{animation:none}}
.lang-pop strong{display:block;font:400 19px/1.25 var(--serif);margin-bottom:4px}
.lang-pop p{font-size:15px;line-height:1.45;color:var(--soft);margin:0 0 14px}
.lang-pop .row{display:flex;gap:10px;flex-wrap:wrap}
.lang-pop button{font:600 15px var(--sans);border-radius:6px;padding:10px 16px;cursor:pointer;border:1px solid var(--line,var(--rule));background:var(--bg);color:var(--ink)}
.lang-pop button:hover{border-color:var(--ink)}
.lang-pop button.go{background:var(--accent,var(--link));border-color:transparent;color:var(--bg)}
@media (max-width:520px){.lang-pop{left:20px;right:20px;width:auto}}
@media (max-width:600px){.nav-actions{gap:8px}.lang button{padding:6px 8px;min-width:34px;font-size:12px}}