/* Dropdown adjustments */
.dropdown-menu {
    will-change: transform;
}

/* ---- Top-Nav Dropdown: defaults & spacing ---- */
/*#topNav,
[data-topnav] {
    --topnav-height: 64px;
}*/

#topNav .dropdown-menu.dropdown-menu--fluid,
[data-topnav] .dropdown-menu.dropdown-menu--fluid {
    width: max-content;
    min-width: clamp(12rem, 40vw, 28rem);
    max-width: min(92vw, 40rem);
    white-space: normal;
}

@media (max-width: 576px) {
    #topNav .dropdown-menu.dropdown-menu--fluid,
    [data-topnav] .dropdown-menu.dropdown-menu--fluid {
        min-width: auto;
        width: calc(100vw - 1.5rem);
        max-width: calc(100vw - 1.5rem);
    }
}

#topNav .dropdown-menu.dropdown-menu--notifications,
[data-topnav] .dropdown-menu.dropdown-menu--notifications {
    max-height: 60vh;
    overflow: auto;
}


/* Top-nav: notifications panel – wider, scrollable */
[data-topnav] .dropdown-menu.dropdown-menu--notifications {
    width: min(26rem, calc(100vw - 1.5rem));
    max-height: calc(100vh - var(--topnav-height, 64px) - 1rem);
    overflow-y: auto;
}

/* Top-nav: user menu – medium width */
[data-topnav] .dropdown-menu.dropdown-menu--user {
    min-width: 14rem;
    max-width: min(18rem, calc(100vw - 1.5rem));
}

/* Top-nav: language menu – compact */
[data-topnav] .dropdown-menu.dropdown-menu--language {
    min-width: 10rem;
    max-width: min(15rem, calc(100vw - 1.5rem));
}

/* dropdown-fixes.css  – top-nav dropdown spacing */
#topNav .dropdown-menu[data-bs-popper],
[data-topnav] .dropdown-menu[data-bs-popper] {
    /* small, normal gap under the button */
    --bs-dropdown-spacer: .375rem;
    margin-top: .375rem !important;
}