﻿.language-picker { position: relative; min-width: 0; }
.language-picker-native { display: none !important; }
.language-picker-trigger, .language-picker-option { display: flex; align-items: center; gap: 9px; font: inherit; color: var(--page-text, var(--text, #222)); cursor: pointer; }
.language-picker-trigger { width: 100%; padding: 9px 12px; border: 1px solid var(--page-border, var(--border, #999)); border-radius: 8px; background: var(--page-card, var(--bg-elevated, #fff)); text-align: left; }
.language-picker-trigger > span:last-child { margin-left: auto; }
.language-flag { display: block; width: 24px; height: 16px; flex: 0 0 24px; object-fit: cover; border-radius: 2px; box-shadow: 0 0 0 1px #8885; }
.language-picker-menu { position: fixed; z-index: 10000; padding: 5px; border: 1px solid var(--page-border, var(--border, #999)); border-radius: 9px; background: var(--page-card, var(--bg-elevated, #fff)); box-shadow: 0 8px 28px #0003; font: 14px system-ui, sans-serif; }
.language-picker-menu[hidden] { display: none; }
.language-picker-option { width: 100%; padding: 10px; border: 0; border-radius: 5px; background: transparent; text-align: left; }
.language-picker-option:hover, .language-picker-option:focus-visible, .language-picker-option[aria-selected="true"] { background: var(--page-bg, var(--bg-hover, #eee)); }
.language-picker-trigger:focus-visible, .language-picker-option:focus-visible { outline: 2px solid var(--brand-accent-text, #a65338); outline-offset: 2px; }
