.angel-language-picker[hidden] { display: none !important; }
.angel-language-picker { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 12px; background: rgba(0, 0, 0, .7); backdrop-filter: blur(5px); }
.angel-language-picker-dialog { width: min(480px, 100%); max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); display: flex; flex-direction: column; min-height: 0; padding: 18px; border: 1px solid rgba(228, 185, 104, .35); border-radius: 20px; background: #101622; color: #f7f4ed; box-shadow: 0 24px 70px rgba(0, 0, 0, .6); }
.angel-language-picker-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex: none; margin-bottom: 14px; }
.angel-language-picker-title { margin: 0; color: #f7f4ed; font: 700 20px/1.3 system-ui, sans-serif; }
.angel-language-picker-close { width: 36px; height: 36px; flex: none; padding: 0; border: 1px solid rgba(255,255,255,.18); border-radius: 10px; background: rgba(255,255,255,.06); color: #fff; font: 24px/1 system-ui, sans-serif; cursor: pointer; }
.angel-language-picker-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 2px; }
.angel-language-picker-option { display: flex; align-items: center; justify-content: flex-start; min-width: 0; min-height: 46px; padding: 9px 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; background: rgba(255,255,255,.05); color: #fff; text-align: start; white-space: normal; overflow-wrap: anywhere; font: 600 14px/1.3 system-ui, sans-serif; cursor: pointer; }
.angel-language-picker-option:hover, .angel-language-picker-option:focus-visible { border-color: #e4b968; background: rgba(228,185,104,.12); outline: none; }
.angel-language-picker-option[aria-selected="true"] { border-color: #e4b968; background: rgba(228,185,104,.2); color: #ffe3a7; }
body.angel-language-picker-open { overflow: hidden; }
@media (max-width: 380px) { .angel-language-picker-options { grid-template-columns: minmax(0, 1fr); } }

/* One language control for the home page and the shared inner-page header. */
.lang-switch { display: inline-flex; align-items: center; }
.lang-switch > .lang-flag { display: none; }
.lang-switch .lang-dropdown-trigger {
  display: inline-flex; align-items: center; justify-content: space-between; gap: 10px;
  width: 100%; min-width: 136px; min-height: 40px; margin: 0; padding: 8px 13px;
  border: 1px solid rgba(255,255,255,.16); border-radius: 999px;
  background: rgba(255,255,255,.055); color: #fff;
  font: 600 13px/1.3 system-ui, sans-serif; cursor: pointer;
}
.lang-switch .lang-dropdown-trigger:hover,
.lang-switch .lang-dropdown-trigger:focus-visible { border-color: rgba(228,185,104,.55); outline: none; }
.lang-switch .lang-caret { flex: none; font-size: 10px; opacity: .75; }
.mobile-menu .lang-switch { display: block; width: 100%; padding: 8px 12px; }
.mobile-menu .lang-switch .lang-dropdown { width: 100%; }
.mobile-menu .lang-switch .lang-dropdown-trigger { min-height: 42px; font-size: 15px; }
@media (max-width: 760px) { .nav-actions .desktop-lang-dropdown { display: none; } }