/* ==========================================================
   Desktop Primary Navigation
   ========================================================== */

.finance-nav__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 2px;
}

.finance-nav__item {
    position: relative;
    display: flex;
    align-items: center;
}

.finance-nav__link {
    display: inline-flex;
    align-items: center;
    height: 40px;
    padding: 0 10px;
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--finance-text);
    text-decoration: none;
    border-radius: 8px;
    white-space: nowrap;
    transition: background 0.15s ease, color 0.15s ease;
}

.finance-nav__link:hover {
    background: var(--color-surface-soft);
    color: var(--brand-primary);
}

.finance-nav__link:focus-visible {
    outline: 2px solid var(--brand-primary);
    outline-offset: 2px;
}

.finance-nav__item--active > .finance-nav__link,
.finance-nav__item.current-menu-item > .finance-nav__link,
.finance-nav__item.current-menu-ancestor > .finance-nav__link {
    color: var(--brand-primary);
    font-weight: 600;
    background: var(--brand-label-bg);
}

/* ── Chevron toggle ──────────────────────────────────────── */

.finance-nav__toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background: none;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 0;
    margin-left: -4px;
    border-radius: 4px;
    transition: color 0.15s ease, transform 0.2s ease;
    flex-shrink: 0;
}

.finance-nav__toggle:focus-visible {
    outline: 2px solid var(--brand-primary);
    outline-offset: 2px;
}

.finance-nav__item.is-active > .finance-nav__toggle {
    color: var(--brand-primary);
    transform: rotate(180deg);
}

/* ── Standard dropdown (non-mega sub-items) ──────────────── */

.finance-nav__dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    min-width: 200px;
    list-style: none;
    margin: 0;
    padding: 8px;
    background: var(--color-surface);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-dropdown);
    z-index: 100;
}

.finance-nav__item--dropdown:hover > .finance-nav__dropdown,
.finance-nav__item--dropdown.is-open > .finance-nav__dropdown {
    display: block;
}

.finance-nav__sub-item {
    list-style: none;
}

.finance-nav__sub-link {
    display: block;
    padding: 8px 12px;
    font-size: 0.875rem;
    color: var(--finance-text);
    text-decoration: none;
    border-radius: 8px;
    transition: background 0.12s ease, color 0.12s ease;
}

.finance-nav__sub-link:hover {
    background: var(--color-surface-soft);
    color: var(--brand-primary);
}

.finance-nav__sub-item--active > .finance-nav__sub-link {
    color: var(--brand-primary);
    font-weight: 600;
}