/* Lane D2 taal (20 okt 2026) — grafische taalkiezer (symbool + naam in eigen
   taal). Alleen huisstijltokens; geen vaste kleuren. */
.lang-choices { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.lang-choices__form { margin: 0; }
.lang-choice {
    display: inline-flex; align-items: center; gap: var(--space-2);
    min-height: 2.75rem; padding: var(--space-1) var(--space-3);
    font: inherit; font-size: var(--font-small-size); cursor: pointer;
    color: inherit; background: transparent;
    border: 1px solid var(--c-border-default); border-radius: var(--radius-full);
}
.lang-choice:hover { background: var(--c-surface-sunken); }
.lang-choice:focus-visible { outline: 2px solid var(--c-brand-accent); outline-offset: 2px; }
.lang-choice.is-active {
    background: var(--c-brand-accent); color: var(--c-brand-accent-fg);
    border-color: var(--c-brand-accent);
}
.lang-choice__symbol { font-size: 1.15em; line-height: 1; }
.lang-choices--menu { flex-direction: column; gap: var(--space-1); }
.lang-choices--menu .lang-choice { width: 100%; border-color: transparent; border-radius: var(--radius-sm); }
@media (max-width: 520px) {
    .lang-choices--login, .lang-choices--demo { justify-content: center; }
}