/* RUSH - safer desktop dropdown hover corridor
   Keeps SERVER / ACCOUNT / STATISTIC open while moving from icon to submenu. */

@media (min-width: 761px) {
    nav > span {
        position: relative !important;
        overflow: visible !important;
    }

    /* Invisible corridor between the main icon and the dropdown. */
    nav > span::after {
        content: "";
        position: absolute;
        z-index: 998;
        left: -48px;
        right: -48px;
        top: calc(100% - 4px);
        height: 22px;
        background: transparent;
        pointer-events: auto;
    }

    /* Anchor the submenu directly under the icon; no dead gap. */
    nav > span > div {
        top: calc(100% - 3px) !important;
        z-index: 1000 !important;
        overflow: visible !important;
        pointer-events: auto !important;
        transition:
            opacity .12s ease,
            visibility 0s linear .22s !important;
    }

    /* Make current dropdowns easy to reach even with diagonal mouse movement. */
    nav > span:hover > div,
    nav > span:focus-within > div {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transition-delay: 0s !important;
    }

    /* Prevent a tiny visual / hit-test seam at the top of the dropdown. */
    nav > span > div::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: -10px;
        height: 12px;
        background: transparent;
    }
}