.market-selector {
    position: relative;
}

.market-selector__backdrop {
    position: fixed;
    inset: 0;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    z-index: 999;
}

.market-selector__trigger-content {
    display: inline-flex;
    align-items: center;
    gap: var(--tfg-space-2);
}

.market-selector__trigger-label {
    white-space: nowrap;
}

.market-selector__menu {
    right: var(--tfg-space-0);
    left: auto;
    width: var(--tfg-nav-market-dropdown-width) !important;
    min-width: var(--tfg-nav-market-dropdown-width) !important;
    padding: var(--tfg-space-4) !important;
    overflow: hidden;
}

.market-selector__menu-list {
    gap: var(--tfg-space-1);
}

.market-selector__menu-item {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: var(--tfg-nav-market-row-min-height);
    align-items: center !important;
    gap: var(--tfg-space-3);
    padding: var(--tfg-space-3);
}

.market-selector__item-main {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: center;
    gap: var(--tfg-space-2);
    min-width: var(--tfg-space-0);
}

.market-selector__menu-header,
.market-selector__mobile-heading {
    display: flex;
    align-items: center;
    gap: var(--tfg-space-2);
    padding: var(--tfg-space-2) var(--tfg-space-3) var(--tfg-space-3);
    border-bottom: var(--tfg-border-hairline) solid var(--tfg-surface-border);
    color: var(--tfg-text-muted);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-bold);
    text-transform: uppercase;
}

.market-selector__menu-header {
    margin-block-end: var(--tfg-space-3);
}

.market-selector__mobile-heading {
    margin-block-end: var(--tfg-space-2);
}

.market-selector__status {
    width: var(--tfg-nav-market-status-size);
    height: var(--tfg-nav-market-status-size);
    display: inline-grid;
    place-items: center;
    border: var(--tfg-border-hairline) solid var(--tfg-surface-border-strong);
    border-radius: var(--tfg-radius-pill);
    background: transparent;
    box-shadow: inset 0 0 0 var(--tfg-border-hairline) var(--tfg-shadow-color);
    color: var(--tfg-text-inverse);
}

.market-selector__status::after {
    content: "";
    width: calc(var(--tfg-nav-market-status-size) * 0.42);
    height: calc(var(--tfg-nav-market-status-size) * 0.24);
    border: solid currentcolor;
    border-width: 0 0 var(--tfg-focus-width) var(--tfg-focus-width);
    opacity: 0;
    transform: rotate(-45deg);
}

.market-selector__menu-item.is-active .market-selector__status,
.market-selector__mobile-item.is-active .market-selector__status {
    border-color: var(--tfg-accent-rim);
    background: var(--tfg-accent-warm-bright);
    box-shadow: var(--tfg-warm-glow);
}

.market-selector__status[data-state="active"]::after {
    opacity: 1;
}

.market-selector__menu-visual {
    width: var(--tfg-nav-market-flag-width);
    min-width: var(--tfg-nav-market-flag-width);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--tfg-text-primary);
}

.market-selector__menu-code {
    width: var(--tfg-nav-market-code-width);
    min-width: var(--tfg-nav-market-code-width);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--tfg-text-secondary);
    font-weight: var(--tfg-font-weight-bold);
}

.market-selector__item-copy {
    min-width: var(--tfg-space-0);
}

.market-selector__item-line {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    gap: var(--tfg-space-2);
}

.market-selector__item-label {
    color: var(--tfg-text-primary);
    font-weight: var(--tfg-font-weight-bold);
    white-space: nowrap;
}

.market-selector__item-description {
    color: var(--tfg-text-muted);
    font-weight: var(--tfg-font-weight-medium);
    white-space: nowrap;
}

.market-selector__flag {
    width: var(--tfg-nav-market-flag-width);
    height: var(--tfg-nav-market-flag-height);
    border-radius: calc(var(--tfg-radius-sm) / 2);
    object-fit: cover;
    box-shadow: var(--tfg-icon-chip-shadow);
}

.market-selector__badge {
    width: var(--tfg-nav-market-flag-width);
    height: var(--tfg-nav-market-flag-height);
    border-radius: var(--tfg-radius-sm);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--tfg-accent-soft);
    color: var(--tfg-text-primary);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-bold);
    line-height: 1;
}

.market-selector__check {
    color: var(--tfg-text-primary);
}

.market-selector__menu-item.is-active {
    color: var(--tfg-text-primary);
    background: var(--tfg-nav-item-background-active);
    border-color: var(--tfg-accent-rim);
}

.market-selector__mobile-trigger {
    min-height: var(--tfg-control-min-height);
}

.market-selector__mobile-trigger-text {
    display: inline-flex;
    align-items: center;
    gap: var(--tfg-space-2);
    min-width: var(--tfg-space-0);
    color: var(--tfg-text-headline);
}

.market-selector__mobile-content {
    gap: var(--tfg-space-2);
}

.market-selector__mobile-list {
    display: flex;
    flex-direction: column;
    gap: var(--tfg-space-1);
}

.market-selector__mobile-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: var(--tfg-control-min-height);
    align-items: center;
    gap: var(--tfg-space-3);
    padding: var(--tfg-space-2) var(--tfg-space-3);
    border-radius: var(--tfg-radius-md);
}

.market-selector__mobile-item.is-active {
    color: var(--tfg-text-primary);
    background: var(--tfg-nav-item-background-active);
}

.market-selector__coming-soon {
    display: grid;
    gap: var(--tfg-space-1);
    margin-block-start: var(--tfg-space-3);
    padding: var(--tfg-space-3);
    border-top: var(--tfg-border-hairline) solid var(--tfg-surface-border);
    color: var(--tfg-text-muted);
}

.market-selector__coming-soon-title {
    display: inline-flex;
    align-items: center;
    gap: var(--tfg-space-2);
    font-weight: var(--tfg-font-weight-bold);
}

.market-selector__coming-soon-title::before {
    content: "+";
    color: var(--tfg-text-muted);
}

.market-selector__coming-soon-copy {
    color: var(--tfg-text-muted);
    font-weight: var(--tfg-font-weight-semibold);
}

/* Keep market dropdown click-only (disable hover-open for this dropdown). */
.market-selector.nav-item.dropdown:hover .market-selector__menu,
.market-selector.nav-item.dropdown:focus-within .market-selector__menu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px) scale(0.98);
    pointer-events: none;
}

.market-selector.nav-item.dropdown.show .market-selector__menu,
.market-selector.nav-item.dropdown.show:hover .market-selector__menu,
.market-selector.nav-item.dropdown.show:focus-within .market-selector__menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

@media (prefers-reduced-motion: reduce) {
    .market-selector__menu,
    .market-selector__menu-item,
    .market-selector__mobile-item {
        transition: none !important;
        transform: none !important;
    }
}