:is(.home-site-header, .ui-global-header) .nav-sub {
    position: relative;
}

:is(.home-site-header, .ui-global-header) .nav-drop-menu .nav-sub-menu {
    display: none !important;
}

:is(.home-site-header, .ui-global-header) .nav-sub:hover > .nav-sub-menu,
:is(.home-site-header, .ui-global-header) .nav-sub:focus-within > .nav-sub-menu,
:is(.home-site-header, .ui-global-header) .nav-sub.open > .nav-sub-menu {
    display: grid !important;
    gap: 4px;
}

@media (min-width: 1081px) {
    :is(.home-site-header, .ui-global-header) .nav-drop-menu .nav-sub-menu {
        position: absolute;
        top: -10px;
        right: calc(100% + 8px);
        left: auto;
        min-width: 130px;
        margin: 0;
    }

    :is(.home-site-header, .ui-global-header) .nav-drop-menu .nav-sub-menu::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: -10px;
        width: 10px;
    }

    :is(.home-site-header, .ui-global-header) .nav-drop-menu .nav-sub-trigger::before {
        content: "\25C2";
        margin-right: 6px;
        font-size: 11px;
    }
}

@media (max-width: 1080px) {
    :is(.home-site-header, .ui-global-header) .nav-drop-menu .nav-sub-menu {
        position: static;
        min-width: 0;
        margin: 4px 0 4px 14px;
        box-shadow: none;
    }

    :is(.home-site-header, .ui-global-header) .nav-drop-menu .nav-sub-trigger::before {
        content: "\25BE";
        margin-right: 6px;
        font-size: 11px;
    }
}
