/*
 * RSCRevived floating navigation hotfix.
 * Loaded after the full template stylesheet so dropdowns never become in-flow
 * rows that resize the header or pull the page content downward.
 */
.nav-only-preview .nav.nav-pro.nav-revamp > .nav-cluster.is-open {
    display: block !important;
    grid-column: auto !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    flex-basis: auto !important;
}

.nav-only-preview .nav.nav-pro.nav-revamp .nav-cluster.is-open > .nav-menu[data-nav-positioned],
.nav-only-preview .nav.nav-pro.nav-revamp .nav-cluster.is-open > .nav-menu-wide[data-nav-positioned] {
    position: fixed !important;
    inset: auto auto auto auto !important;
    top: var(--nav-menu-top) !important;
    left: var(--nav-menu-left) !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 5000 !important;
    display: grid !important;
    width: min(420px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: var(--nav-menu-max-height, min(64dvh, 520px)) !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 9px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    border: 1px solid rgba(117, 180, 232, .34) !important;
    border-radius: 15px !important;
    background: linear-gradient(180deg, rgba(16, 30, 49, .98), rgba(7, 16, 28, .98) 72%, rgba(5, 11, 20, .98)) !important;
    box-shadow: 0 22px 56px rgba(0, 0, 0, .62), 0 0 0 1px rgba(255, 255, 255, .04) inset !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
}

.nav-only-preview .nav.nav-pro.nav-revamp .nav-cluster.is-open > .nav-menu-wide[data-nav-positioned] {
    width: min(560px, calc(100vw - 24px)) !important;
}