/* Taalkeuze (EN | NL) en taalmelding. Gedeeld door de homepage en de Shortlist-pagina. */
.lang-switch{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:5px 12px;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;line-height:1;letter-spacing:.14em;color:rgba(255,255,255,.62)}
.lang-switch__globe{flex:none;color:#d6ad83}
.lang-switch__sep{opacity:.35}
.lang-switch__option{color:inherit;text-decoration:none;padding:2px 0;transition:color .2s}
.lang-switch__option:hover,.lang-switch__option:focus-visible{color:#d6ad83}
.lang-switch__option.is-active{color:#fff;font-weight:500;border-bottom:1px solid #c4a078}
.lang-switch .sr-only-lang,.lang-hint .sr-only-lang{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.lang-hint{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;align-items:flex-start;gap:12px;max-width:340px;padding:16px 16px 16px 18px;border:1px solid rgba(196,160,120,.45);border-radius:15px;background:rgba(42,14,18,.96);color:#f1e2da;box-shadow:0 18px 40px rgba(30,8,10,.3);font-family:Manrope,Arial,sans-serif;font-size:13px;line-height:1.55;animation:lang-hint-in .35s ease-out}
.lang-hint[hidden]{display:none}
.lang-hint__globe{flex:none;margin-top:1px;color:#d6ad83}
.lang-hint__body p{margin:0}
.lang-hint__body a{display:inline-block;margin-top:6px;color:#fff;font-weight:700;font-size:12px;text-decoration:none;border-bottom:1px solid #c4a078;padding-bottom:1px}
.lang-hint__body a:hover{color:#d6ad83}
.lang-hint__close{flex:none;margin:-6px -6px 0 0;width:28px;height:28px;border:0;border-radius:999px;background:transparent;color:#cfb3ab;font-size:20px;line-height:1;cursor:pointer}
.lang-hint__close:hover,.lang-hint__close:focus-visible{background:rgba(255,255,255,.08);color:#fff}
@keyframes lang-hint-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:640px){.lang-hint{left:12px;right:12px;bottom:12px;max-width:none}}
@media (prefers-reduced-motion:reduce){.lang-hint{animation:none}}

/* Binnen het homepage-menu (styles.css stelt .nav a in) */
.nav .lang-switch__option{font-size:11px;font-weight:400;padding:2px 0}
.nav .lang-switch__option.is-active{font-weight:500}
@media (max-width:760px){.nav .lang-switch{align-self:flex-start;margin:12px 6px 4px}.nav .lang-switch__option{padding:4px 0;font-size:12px}}