/* 3PLWOW primary navigation dropdown fix
   Only affects desktop submenus. Page layouts are untouched. */

@media (min-width: 1000px){

    .site-header .main-nav > ul > li{
        position:relative!important;
    }

    .site-header .main-nav > ul > li > .sub-menu{
        position:absolute!important;
        top:100%!important;
        left:50%!important;
        transform:translateX(-50%)!important;
        z-index:99999!important;

        display:flex!important;
        flex-direction:column!important;
        align-items:stretch!important;
        justify-content:flex-start!important;

        width:320px!important;
        max-width:min(320px,calc(100vw - 32px))!important;
        min-width:280px!important;

        margin:0!important;
        padding:12px!important;

        background:#fff!important;
        border:1px solid #e4e8eb!important;
        border-radius:0 0 18px 18px!important;
        box-shadow:0 18px 38px rgba(8,16,24,.16)!important;

        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;

        white-space:normal!important;
        overflow:visible!important;
    }

    .site-header .main-nav > ul > li:hover > .sub-menu,
    .site-header .main-nav > ul > li:focus-within > .sub-menu{
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
    }

    .site-header .main-nav > ul > li > .sub-menu > li{
        display:block!important;
        width:100%!important;
        margin:0!important;
        padding:0!important;
        position:relative!important;
    }

    .site-header .main-nav > ul > li > .sub-menu > li > a{
        display:block!important;
        width:100%!important;
        box-sizing:border-box!important;

        padding:13px 14px!important;
        margin:0!important;

        color:#081018!important;
        background:#fff!important;

        font-size:14px!important;
        line-height:1.25!important;
        font-weight:800!important;
        text-decoration:none!important;
        white-space:normal!important;

        border-radius:10px!important;
    }

    .site-header .main-nav > ul > li > .sub-menu > li > a:hover,
    .site-header .main-nav > ul > li > .sub-menu > li > a:focus{
        color:#ef001c!important;
        background:#f4f6f7!important;
    }

    /* Prevent theme rules from stretching dropdowns horizontally */
    .site-header .main-nav .sub-menu{
        flex-wrap:nowrap!important;
        gap:0!important;
    }

    /* Nested submenu support, if added later */
    .site-header .main-nav .sub-menu .sub-menu{
        top:0!important;
        left:100%!important;
        transform:none!important;
        width:300px!important;
        border-radius:12px!important;
    }

    /* Keep dropdown inside viewport for the right-side Integrations menu */
    .site-header .main-nav > ul > li:last-child > .sub-menu,
    .site-header .main-nav > ul > li:nth-last-child(2) > .sub-menu{
        left:auto!important;
        right:0!important;
        transform:none!important;
    }
}

/* Preserve the theme's normal mobile menu behaviour */
@media (max-width: 999px){
    .site-header .main-nav .sub-menu{
        width:auto!important;
        max-width:none!important;
        transform:none!important;
        box-shadow:none!important;
    }
}