/* ASLAN FOOD — Header layout + submenu alignment v2.0.0 */

@media (min-width: 981px) {
    /* Keep the existing header and navigation on one clean horizontal row. */
    header nav ul.menu,
    header ul.menu,
    header #navbar__nav ul.menu,
    header #navbar__nav-desktop ul.menu,
    .site-header nav ul.menu,
    .site-header ul.menu,
    .main-header nav ul.menu,
    .main-header ul.menu,
    #masthead nav ul.menu,
    #masthead ul.menu,
    [role="banner"] nav ul.menu,
    [role="banner"] ul.menu,
    ul.aslan-v157-root-menu {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        column-gap: clamp(18px, 1.7vw, 28px) !important;
        row-gap: 0 !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        text-align: left !important;
        white-space: nowrap !important;
        list-style: none !important;
        overflow: visible !important;
    }

    header nav ul.menu > li,
    header ul.menu > li,
    header #navbar__nav ul.menu > li,
    header #navbar__nav-desktop ul.menu > li,
    .site-header nav ul.menu > li,
    .site-header ul.menu > li,
    .main-header nav ul.menu > li,
    .main-header ul.menu > li,
    #masthead nav ul.menu > li,
    #masthead ul.menu > li,
    [role="banner"] nav ul.menu > li,
    [role="banner"] ul.menu > li,
    ul.aslan-v157-root-menu > li {
        position: relative !important;
        display: block !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        text-align: left !important;
        white-space: nowrap !important;
        line-height: 1 !important;
        list-style: none !important;
    }

    header nav ul.menu > li > a,
    header ul.menu > li > a,
    header #navbar__nav ul.menu > li > a,
    header #navbar__nav-desktop ul.menu > li > a,
    .site-header nav ul.menu > li > a,
    .site-header ul.menu > li > a,
    .main-header nav ul.menu > li > a,
    .main-header ul.menu > li > a,
    #masthead nav ul.menu > li > a,
    #masthead ul.menu > li > a,
    [role="banner"] nav ul.menu > li > a,
    [role="banner"] ul.menu > li > a,
    ul.aslan-v157-root-menu > li > a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        white-space: nowrap !important;
        line-height: 1 !important;
        text-align: left !important;
        transform: none !important;
        vertical-align: middle !important;
        position: relative !important;
        z-index: 2 !important;
    }

    /* All top-level dropdowns: directly below the parent heading, never over it. */
    header nav ul.menu > li > ul.sub-menu,
    header nav ul.menu > li > ul.children,
    header ul.menu > li > ul.sub-menu,
    header ul.menu > li > ul.children,
    header #navbar__nav ul.menu > li > ul.sub-menu,
    header #navbar__nav-desktop ul.menu > li > ul.sub-menu,
    .site-header nav ul.menu > li > ul.sub-menu,
    .site-header ul.menu > li > ul.sub-menu,
    .main-header nav ul.menu > li > ul.sub-menu,
    .main-header ul.menu > li > ul.sub-menu,
    #masthead nav ul.menu > li > ul.sub-menu,
    #masthead ul.menu > li > ul.sub-menu,
    [role="banner"] nav ul.menu > li > ul.sub-menu,
    [role="banner"] ul.menu > li > ul.sub-menu,
    ul.aslan-v157-root-menu > li > ul.aslan-v157-submenu,
    header nav ul.menu > li > ul,
    header ul.menu > li > ul {
        position: absolute !important;
        top: calc(100% + 2px) !important;
        bottom: auto !important;
        left: 0 !important;
        right: auto !important;
        transform: none !important;
        margin: 0 !important;
        padding: 8px 0 !important;
        min-width: 205px !important;
        max-width: 320px !important;
        width: max-content !important;
        background: #0a0a0a !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: 0 10px 22px rgba(0, 0, 0, .28) !important;
        z-index: 100000 !important;
        visibility: hidden !important;
        opacity: 0 !important;
        display: block !important;
        pointer-events: none !important;
        overflow: visible !important;
        text-align: left !important;
        list-style: none !important;
    }

    header nav ul.menu > li:hover > ul.sub-menu,
    header nav ul.menu > li:hover > ul.children,
    header ul.menu > li:hover > ul.sub-menu,
    header ul.menu > li:hover > ul.children,
    header #navbar__nav ul.menu > li:hover > ul.sub-menu,
    header #navbar__nav-desktop ul.menu > li:hover > ul.sub-menu,
    .site-header nav ul.menu > li:hover > ul.sub-menu,
    .site-header ul.menu > li:hover > ul.sub-menu,
    .main-header nav ul.menu > li:hover > ul.sub-menu,
    .main-header ul.menu > li:hover > ul.sub-menu,
    #masthead nav ul.menu > li:hover > ul.sub-menu,
    #masthead ul.menu > li:hover > ul.sub-menu,
    [role="banner"] nav ul.menu > li:hover > ul.sub-menu,
    [role="banner"] ul.menu > li:hover > ul.sub-menu,
    ul.aslan-v157-root-menu > li:hover > ul.aslan-v157-submenu,
    header nav ul.menu > li:hover > ul,
    header ul.menu > li:hover > ul {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    header nav ul.menu > li > ul > li,
    header ul.menu > li > ul > li,
    .site-header ul.menu > li > ul > li,
    .main-header ul.menu > li > ul > li,
    #masthead ul.menu > li > ul > li,
    [role="banner"] ul.menu > li > ul > li,
    ul.aslan-v157-root-menu > li > ul.aslan-v157-submenu > li {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        white-space: nowrap !important;
        line-height: 1.2 !important;
        list-style: none !important;
    }

    header nav ul.menu > li > ul > li > a,
    header ul.menu > li > ul > li > a,
    .site-header ul.menu > li > ul > li > a,
    .main-header ul.menu > li > ul > li > a,
    #masthead ul.menu > li > ul > li > a,
    [role="banner"] ul.menu > li > ul > li > a,
    ul.aslan-v157-root-menu > li > ul.aslan-v157-submenu > li > a {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 11px 18px !important;
        color: #ffffff !important;
        background: transparent !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        line-height: 1.2 !important;
        transform: none !important;
    }

    header nav ul.menu > li > ul > li > a:hover,
    header ul.menu > li > ul > li > a:hover,
    .site-header ul.menu > li > ul > li > a:hover,
    .main-header ul.menu > li > ul > li > a:hover,
    #masthead ul.menu > li > ul > li > a:hover,
    [role="banner"] ul.menu > li > ul > li > a:hover,
    ul.aslan-v157-root-menu > li > ul.aslan-v157-submenu > li > a:hover {
        color: #d9a400 !important;
        background: #111111 !important;
    }

    /* Keep header containers from clipping the dropdowns. */
    header,
    #masthead,
    .site-header,
    .main-header,
    [role="banner"],
    header nav,
    header #navbar__nav,
    header #navbar__nav-desktop {
        overflow: visible !important;
    }
}