/* ss-global-desktop-nav-hover */
@media (min-width: 992px) {
    #nav-main #bootscore-navbar > .menu-item-has-children {
        position: relative;
    }

    /* Keep the hover path continuous between the label and its menu. */
    #nav-main #bootscore-navbar > .menu-item-has-children::after {
        content: '';
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        height: 12px;
    }

    #nav-main #bootscore-navbar > .menu-item-has-children > .dropdown-menu {
        display: block !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transform: translateY(8px) !important;
        transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
    }

    #nav-main #bootscore-navbar > .menu-item-has-children:hover > .dropdown-menu,
    #nav-main #bootscore-navbar > .menu-item-has-children.ss-desktop-hover-open > .dropdown-menu {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
    }

    /* A click hides the menu until the pointer leaves and enters again.
       Focus must not keep it open. */
    html body #nav-main #bootscore-navbar .menu-item-has-children.ss-desktop-click-closed > .dropdown-menu,
    html body #nav-main #bootscore-navbar .menu-item-has-children.ss-desktop-click-closed:hover > .dropdown-menu,
    html body #nav-main #bootscore-navbar .menu-item-has-children.ss-desktop-click-closed:focus-within > .dropdown-menu,
    html body #nav-main #bootscore-navbar .menu-item-has-children.ss-desktop-click-closed.ss-desktop-hover-open > .dropdown-menu {
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transform: none !important;
        transition: none !important;
    }

    html body #nav-main #bootscore-navbar > .dropdown > .dropdown-menu {
        overflow: visible !important;
        background: #000 !important;
        background-color: #000 !important;
        background-image: none !important;
        box-shadow: 0 18px 42px rgba(0, 0, 0, .58) !important;
    }

    #nav-main #bootscore-navbar .dropdown-menu .menu-item-has-children {
        position: relative;
    }

    #nav-main #bootscore-navbar .dropdown-menu .menu-item-has-children > .dropdown-menu {
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        left: calc(100% + 8px) !important;
        right: auto !important;
        min-width: 220px !important;
        margin: 0 !important;
        padding: 8px !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transform: none !important;
        z-index: 30 !important;
        border: 1px solid rgba(244, 239, 231, .24) !important;
        border-radius: 16px !important;
        background: #000 !important;
        background-color: #000 !important;
        background-image: none !important;
        box-shadow: 0 18px 42px rgba(0, 0, 0, .58) !important;
    }

    #nav-main #bootscore-navbar .dropdown-menu > .menu-item-has-children::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 100%;
        width: 8px;
    }

    #nav-main #bootscore-navbar .dropdown-menu .menu-item-has-children > .dropdown-menu.ss-desktop-flyout-left {
        left: auto !important;
        right: calc(100% + 8px) !important;
    }

    #nav-main #bootscore-navbar .dropdown-menu > .menu-item-has-children:has(> .dropdown-menu.ss-desktop-flyout-left)::before {
        left: auto;
        right: 100%;
    }

    html body #nav-main #bootscore-navbar > .dropdown > .dropdown-menu > .menu-item-has-children > .dropdown-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 16px !important;
    }

    #nav-main #bootscore-navbar .dropdown-menu .menu-item-has-children:hover > .dropdown-menu,
    #nav-main #bootscore-navbar .dropdown-menu .menu-item-has-children.ss-desktop-hover-open > .dropdown-menu {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: none !important;
    }

    #nav-main #bootscore-navbar .dropdown-menu > .menu-item-has-children > .dropdown-toggle::after {
        display: inline-block !important;
        margin-left: 16px !important;
        vertical-align: 2px !important;
        border: 0 !important;
        border-top: 1px solid currentColor !important;
        border-right: 1px solid currentColor !important;
        width: 7px !important;
        height: 7px !important;
        transform: rotate(45deg) !important;
    }

    html body #nav-main #bootscore-navbar > .dropdown.menu-item-has-children .dropdown-menu .dropdown-item,
    html body #nav-main #bootscore-navbar > .dropdown.menu-item-has-children .dropdown-menu .dropdown-item:hover,
    html body #nav-main #bootscore-navbar > .dropdown.menu-item-has-children .dropdown-menu .dropdown-item:focus,
    html body #nav-main #bootscore-navbar > .dropdown.menu-item-has-children .dropdown-menu .dropdown-item:focus-visible,
    html body #nav-main #bootscore-navbar > .dropdown.menu-item-has-children .dropdown-menu .dropdown-item:active {
        border: 0 !important;
        border-radius: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    html body #nav-main #bootscore-navbar > .dropdown.menu-item-has-children .dropdown-menu .dropdown-item:hover,
    html body #nav-main #bootscore-navbar > .dropdown.menu-item-has-children .dropdown-menu .dropdown-item:focus,
    html body #nav-main #bootscore-navbar > .dropdown.menu-item-has-children .dropdown-menu .dropdown-item:focus-visible,
    html body #nav-main #bootscore-navbar > .dropdown.menu-item-has-children .dropdown-menu .dropdown-item:active {
        background: rgba(247, 147, 26, .13) !important;
        background-color: rgba(247, 147, 26, .13) !important;
        color: #f7931a !important;
    }
}

@media (max-width: 991.98px) {
    html body #offcanvas-navbar .dropdown-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
    }

    html body #offcanvas-navbar .dropdown-toggle::after {
        display: inline-block !important;
        flex: 0 0 auto !important;
        width: 8px !important;
        height: 8px !important;
        margin: 0 !important;
        content: '' !important;
        border: 0 !important;
        border-right: 1.5px solid currentColor !important;
        border-bottom: 1.5px solid currentColor !important;
        transform: rotate(45deg) !important;
        transition: transform .18s ease !important;
    }

    html body #offcanvas-navbar .dropdown-toggle.show::after,
    html body #offcanvas-navbar .dropdown-toggle[aria-expanded="true"]::after {
        transform: rotate(-135deg) !important;
    }

    html body #offcanvas-navbar .dropdown-menu,
    html body #offcanvas-navbar .dropdown-menu .dropdown-menu {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    html body #offcanvas-navbar .dropdown-item,
    html body #offcanvas-navbar .dropdown-menu .dropdown-menu .dropdown-item {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    #offcanvas-navbar .dropdown-menu .dropdown-menu {
        position: static !important;
        inset: auto !important;
        display: none;
        float: none !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 6px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        transform: none !important;
    }

    #offcanvas-navbar .dropdown-menu .dropdown-menu.show {
        display: block !important;
    }

    #offcanvas-navbar .dropdown-menu .dropdown-menu .dropdown-item {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
}