/* Language switcher: lives in the hamburger menu and (quietly) in the footer — not in the navbar.
   Markup is generated by i18n/build.mjs between <!-- i18n:switch-* --> markers. */

.lang-switch a{transition:color .3s}
.lang-switch a:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:2px}
.lang-sep{font-weight:300}

/* ── Hamburger menu: small label + "Nederlands  English", bottom-left on wide screens ── */
.lang-switch--mob{display:flex;flex-direction:column;gap:10px;margin-top:22px;font-family:'Geist',system-ui,sans-serif;opacity:0}
.lang-switch-label{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(184,192,204,.5)}
.lang-switch-opts{display:flex;gap:22px}
.lang-switch--mob a{font-size:16px;font-weight:300;color:rgba(255,255,255,.55);padding:4px 0}
.lang-switch--mob a[aria-current="true"]{color:#fff;font-weight:500}
.lang-switch--mob a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
@keyframes langIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.mob-menu.open .lang-switch--mob{animation:langIn .55s cubic-bezier(.16,.84,.44,1) .5s forwards}
@media(min-width:901px){
  .mob-menu .lang-switch--mob{position:absolute;left:60px;bottom:48px;margin-top:0}
}
@media(prefers-reduced-motion:reduce){
  .mob-menu .lang-switch--mob,.mob-menu.open .lang-switch--mob{opacity:1;animation:none}
}

/* ── Footer: quiet "Nederlands | English" next to the copyright line ── */
.lang-switch--foot{display:flex;align-items:center;gap:10px;font-family:'Geist',system-ui,sans-serif;font-size:12px;font-weight:300;line-height:1}
.lang-switch--foot a{color:rgba(184,192,204,.42)}
.lang-switch--foot a[aria-current="true"]{color:rgba(216,226,236,.8)}
.lang-switch--foot a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.lang-switch--foot .lang-sep{color:rgba(184,192,204,.25)}