/* Local flag images render identically without emoji fonts or OS option styling. */
.lx-v2 .lx-v2-flag { width: 1.5rem; height: 1.125rem; object-fit: contain; flex: 0 0 1.5rem; border-radius:3px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
.lx-v2 .lx-v2-flag-select img[src*="/img/gender/"] { height: 1.5rem; border-radius: 0; box-shadow: none; }
.lx-v2 .lx-v2-flag.lx-v2-select-icon { border-radius: 0; box-shadow: none; }
.lx-v2 .lx-v2-locale a { display: flex; align-items: center; gap: .65rem; min-height: 2.75rem; }
.lx-v2 .lx-v2-flag-select { position: relative; min-width: 0; }
.lx-v2 .lx-v2-flag-select.is-open { z-index: 2; }
.lx-v2 .lx-v2-flag-select [hidden] { display: none !important; }
.lx-v2 .lx-v2-flag-trigger {
    display: flex; align-items: center; gap: .75rem; width: 100%; min-height: 3.2rem;
    padding: .65rem .8rem; border: 1px solid var(--lx-line); border-radius: .6rem;
    font: inherit; color: var(--lx-ink); background: #fff; text-align: start;
}
.lx-v2 .lx-v2-flag-trigger > .lx-v2-flag-text { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.lx-v2 .lx-v2-flag-chevron { margin-inline-start: auto; color: var(--lx-muted); }
.lx-v2 .lx-v2-flag-trigger[aria-expanded="true"] { border-color: var(--lx-blue); }
.lx-v2 .lx-v2-flag-trigger:disabled { cursor: default; opacity: .6; }
.lx-v2 .lx-v2-flag-options {
    position: absolute; inset-inline: 0; inset-block-start: calc(100% + .35rem);
    max-height: min(18rem, var(--lx-picker-space, 45vh)); overflow-y: auto;
    overscroll-behavior: contain; -webkit-overflow-scrolling: touch; touch-action: pan-y;
    padding: .3rem; background: #fff; border: 1px solid var(--lx-line);
    border-radius: .65rem; box-shadow: 0 .75rem 2rem #17243b26;
}
.lx-v2 .lx-v2-flag-select.opens-above .lx-v2-flag-options { inset-block-start: auto; inset-block-end: var(--lx-picker-bottom); }
.lx-v2 .lx-v2-flag-option { display: flex; align-items: center; gap: .75rem; min-height: 2.75rem; padding: .65rem .7rem; cursor: pointer; border-radius: .35rem; overflow-wrap: anywhere; }
.lx-v2 .lx-v2-flag-option[aria-selected="true"] { font-weight: 700; }
.lx-v2 .lx-v2-flag-option.is-active { background: #e5eeff; color: var(--lx-blue); outline: 2px solid var(--lx-blue); outline-offset: -2px; }
.lx-v2 .lx-v2-flag-option[aria-disabled="true"] { opacity: .5; cursor: default; }
@media (forced-colors: active) { .lx-v2 .lx-v2-flag-option.is-active { outline-color: Highlight; } }