.bm-tracking {
    letter-spacing: .14em;
}

.bm-nav-glass {
    background:
        linear-gradient(180deg, var(--bg-soft), var(--tone-02)),
        var(--surface-glass);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.bm-brand-icon {
    width: 42px;
    height: 42px;
    background: var(--brand-gradient);
    color: var(--palette-058);
    box-shadow: 0 12px 28px rgba(var(--brand-rgb), .28);
}

.bm-nav-link {
    color: var(--text-secondary) !important;
    border: 1px solid transparent;
    transition: .2s ease;
}

.bm-nav-link:hover {
    color: var(--tone-100) !important;
    background: var(--tone-05);
    border-color: var(--bg-soft);
}

.bm-nav-link.active,
.bm-nav-link.is-active {
    color: var(--palette-054) !important;
    background: linear-gradient(135deg, rgba(var(--brand-rgb), .26), rgba(var(--brand-rgb), .12));
    border-color: rgba(var(--brand-accent-rgb), .20);
    box-shadow: inset 0 1px 0 var(--bg-soft);
}

.bm-btn-brand {
    color: var(--palette-059) !important;
    border: 1px solid transparent;
    background: var(--brand-gradient);
    box-shadow: 0 14px 28px rgba(var(--brand-rgb), .22);
}

.bm-btn-brand:hover {
    background: linear-gradient(135deg, var(--brand-color-bright), var(--brand-color));
}

.bm-btn-outline-brand {
    color: var(--palette-047) !important;
    border: 1px solid rgba(var(--brand-accent-rgb), .25);
    background: linear-gradient(135deg, rgba(var(--brand-rgb), .18), rgba(var(--brand-rgb), .08));
}

.bm-btn-outline-brand:hover,
.bm-btn-outline-brand.active {
    color: var(--tone-100) !important;
    border-color: rgba(var(--brand-accent-rgb), .36);
    box-shadow: 0 10px 24px rgba(var(--brand-rgb), .12);
}

.bm-btn-soft {
    color: var(--palette-045) !important;
    border: 1px solid var(--line-mid);
    background: var(--bg-soft);
}

.bm-btn-soft:hover,
.bm-btn-soft.active {
    color: var(--tone-100) !important;
    background: var(--tone-07);
    border-color: var(--line-strong);
}

.nav-sections-dropdown {
    position: relative;
}

.nav-sections-dropdown .nav-link.dropdown-toggle {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: .72rem 1rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: var(--text-secondary) !important;
    transition:
        color .18s ease,
        background-color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.nav-sections-dropdown .nav-link.dropdown-toggle.active {
    color: var(--palette-054) !important;
    background: linear-gradient(135deg, rgba(var(--brand-rgb), .26), rgba(var(--brand-rgb), .12));
    border-color: rgba(var(--brand-accent-rgb), .20);
    box-shadow: inset 0 1px 0 var(--bg-soft);
}

.nav-sections-dropdown .nav-link.dropdown-toggle::after {
    margin-left: .1rem;
    border-top-color: currentColor;
    opacity: .82;
    transition: transform .18s ease, opacity .18s ease;
}

.nav-sections-dropdown .nav-link.dropdown-toggle:hover,
.nav-sections-dropdown .nav-link.dropdown-toggle:focus-visible,
.nav-sections-dropdown.show .nav-link.dropdown-toggle,
.nav-sections-dropdown .nav-link.dropdown-toggle[aria-expanded="true"] {
    color: var(--tone-100) !important;
    background: var(--tone-05);
    border-color: var(--line-soft);
    box-shadow: none;
}

.nav-sections-dropdown .nav-link.dropdown-toggle.active:hover,
.nav-sections-dropdown .nav-link.dropdown-toggle.active:focus-visible,
.nav-sections-dropdown .nav-link.dropdown-toggle.active[aria-expanded="true"] {
    color: var(--palette-054) !important;
    background: linear-gradient(135deg, rgba(var(--brand-rgb), .30), rgba(var(--brand-rgb), .15));
    border-color: rgba(var(--brand-accent-rgb), .24);
    box-shadow: inset 0 1px 0 var(--bg-soft);
}

.nav-sections-dropdown.show .nav-link.dropdown-toggle::after,
.nav-sections-dropdown .nav-link.dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(180deg);
    opacity: 1;
}

.nav-sections-dropdown .dropdown-menu {
    --bs-dropdown-bg: transparent;
    --bs-dropdown-border-color: transparent;
    --bs-dropdown-link-color: var(--text-secondary);
    --bs-dropdown-link-hover-color: var(--tone-100);
    --bs-dropdown-link-hover-bg: transparent;
    --bs-dropdown-link-active-color: var(--text-main);
    --bs-dropdown-link-active-bg: transparent;

    min-width: 16rem;
    margin-top: .7rem !important;
    padding: .5rem;
    border: 1px solid var(--line-mid);
    border-radius: 1rem;
    background: var(--surface-800);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: none;
}

.nav-sections-dropdown .dropdown-item {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 42px;
    padding: .78rem .95rem;
    border: 1px solid transparent;
    border-radius: .85rem;
    background: transparent;
    color: var(--text-secondary);
    font-weight: 500;
    transition:
        color .18s ease,
        background-color .18s ease,
        border-color .18s ease;
}

.nav-sections-dropdown .dropdown-item:hover,
.nav-sections-dropdown .dropdown-item:focus-visible {
    color: var(--tone-100);
    background: var(--tone-05);
    border-color: var(--line-soft);
}

.nav-sections-dropdown .dropdown-item:active,
.nav-sections-dropdown .dropdown-item.active,
.nav-sections-dropdown .dropdown-item[aria-current="page"] {
    color: var(--text-main);
    background: var(--tone-08);
    border-color: var(--line-mid);
}

.nav-sections-dropdown .dropdown-divider {
    margin: .4rem 0;
    border-top: 1px solid var(--line-soft);
    opacity: 1;
}

.nav-sections-dropdown .dropdown-header {
    padding: .5rem .95rem .3rem;
    color: var(--text-secondary);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

@media (max-width: 992px) {
    .navbar-collapse.bm-nav-collapse,
    .bm-nav .navbar-collapse {
        margin-top: 1rem;
        padding: 1rem;
        border-radius: 1.5rem;
        background: var(--surface-glass-strong);
        border: 1px solid var(--bg-soft-hover);
    }
}
