.language-picker { position: relative; z-index: 30; }
.language-trigger { display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgba(23,61,75,.25); padding: 9px 11px; color: #173d4b; background: rgba(255,253,248,.82); font: 700 .74rem "DM Sans", sans-serif; cursor: pointer; }
.language-globe { display: inline-grid; place-items: center; width: 20px; height: 20px; font-size: 1rem; line-height: 1; }
.language-options { position: absolute; top: calc(100% + 8px); right: 0; display: none; min-width: 145px; padding: 6px; border: 1px solid rgba(23,61,75,.2); background: #fffdf8; box-shadow: 0 12px 24px rgba(23,61,75,.18); }
.language-picker.is-open .language-options { display: grid; gap: 2px; }
.language-options button { border: 0; padding: 9px 10px; color: #173d4b; background: transparent; text-align: left; font: 600 .74rem "DM Sans", sans-serif; cursor: pointer; }
.language-options button:hover { color: #fffdf8; background: #286b82; }
[dir="rtl"] .language-options { right: auto; left: 0; }
@media (max-width: 760px) { .language-options { position: static; margin-top: 6px; box-shadow: none; } }