/* =========================================================
   WHATABURGER INNER HEADER
   DESKTOP ONLY
   MOBILE USES ORIGINAL EXISTING SITE CSS/JS
========================================================= */

@media (min-width:922px){

    body:not(.home) .wb-new-header{
        width:100% !important;
        min-height:82px !important;

        margin:0 !important;
        padding:0 !important;

        background:#ffffff !important;

        border:0 !important;
        border-bottom:1px solid #ece8e4 !important;

        box-shadow:
            0 1px 7px rgba(20,30,40,.035)
            !important;
    }


    /* Header container */

    body:not(.home) .wb-new-header .wb-header-inner{
        width:calc(100% - 40px) !important;
        max-width:1240px !important;

        min-height:82px !important;

        margin:0 auto !important;
        padding:0 !important;

        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;

        align-items:center !important;
        justify-content:space-between !important;

        gap:34px !important;
    }


    /* Logo */

    body:not(.home) .wb-new-logo{
        display:flex !important;

        flex:0 0 210px !important;

        width:210px !important;
        max-width:210px !important;

        height:58px !important;

        align-items:center !important;

        margin:0 !important;
        padding:0 !important;

        line-height:0 !important;
    }

    body:not(.home) .wb-new-logo img{
        display:block !important;

        width:210px !important;
        max-width:210px !important;

        height:58px !important;

        margin:0 !important;
        padding:0 !important;

        object-fit:contain !important;
        object-position:left center !important;
    }


    /* Desktop navigation */

    body:not(.home) .wb-new-nav{
        display:block !important;

        flex:1 1 auto !important;
        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;

        background:transparent !important;
    }

    body:not(.home) .wb-new-nav > ul{
        width:100% !important;

        display:flex !important;

        flex-direction:row !important;
        flex-wrap:nowrap !important;

        align-items:center !important;
        justify-content:flex-end !important;

        gap:3px !important;

        margin:0 !important;
        padding:0 !important;

        list-style:none !important;
    }

    body:not(.home) .wb-new-nav > ul > li{
        display:block !important;
        flex:0 0 auto !important;

        margin:0 !important;
        padding:0 !important;

        list-style:none !important;
    }

    body:not(.home) .wb-new-nav > ul > li > a{
        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        min-height:44px !important;

        margin:0 !important;
        padding:8px 10px !important;

        font-family:Poppins,Arial,sans-serif !important;

        font-size:13.5px !important;
        line-height:1.3 !important;

        font-weight:600 !important;
        letter-spacing:0 !important;

        color:#20272e !important;

        text-decoration:none !important;

        white-space:nowrap !important;

        border-radius:6px !important;

        background:transparent !important;
    }

    body:not(.home) .wb-new-nav > ul > li > a:hover{
        color:#f45112 !important;
        background:#fff5ef !important;
    }


    /* Desktop hamburger must never appear */

    body:not(.home) .wb-inner-mobile-menu{
        display:none !important;
        visibility:hidden !important;

        width:0 !important;
        height:0 !important;

        min-width:0 !important;
        min-height:0 !important;

        margin:0 !important;
        padding:0 !important;

        overflow:hidden !important;
    }

}


/* =========================================================
   IMPORTANT:
   NO MOBILE RULES BELOW THIS POINT.
   Existing original mobile header + hamburger CSS/JS controls
   screens below 922px.
========================================================= */