html, body{
    overflow-x:hidden!important;
    max-width:100%!important;
}

/* Keep the new header working */
.jdpx-topbar,
.jdpx-topbar *,
.jdpx-v8-topbar,
.jdpx-v8-topbar *,
.jdpx-v9-topbar,
.jdpx-v9-topbar *,
.jdpx-v10-topbar,
.jdpx-v10-topbar *{
    visibility:visible;
}

/* Hide imported template side menus and off-canvas panels */
body .mobile-menu,
body .mobile-nav,
body .offcanvas,
body .off-canvas,
body .side-menu,
body .side-nav,
body .menu-drawer,
body .drawer-menu,
body .drawer,
body .nav-drawer,
body .nav-panel,
body .mobile-panel,
body .menu-panel,
body .fullscreen-menu,
body .overlay-menu,
body .hamburger-menu,
body .mobile-menu-panel,
body .mobile-navigation,
body .menu-overlay,
body .nav-overlay,
body .jdp-mobile-panel:not(.jdpx-drawer),
body [class*="mobile-menu"],
body [class*="mobile_nav"],
body [class*="mobile-nav"],
body [class*="offcanvas"],
body [class*="off-canvas"],
body [class*="side-menu"],
body [class*="side-nav"],
body [class*="menu-drawer"],
body [class*="drawer-menu"],
body [class*="nav-drawer"],
body [class*="nav-panel"],
body [class*="menu-panel"],
body [class*="overlay-menu"],
body [class*="menu-overlay"],
body [class*="nav-overlay"]{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translateX(150vw)!important;
    right:-150vw!important;
    left:auto!important;
    width:0!important;
    max-width:0!important;
    height:0!important;
    max-height:0!important;
    overflow:hidden!important;
}

/* Hide old standalone hamburger buttons from imported templates, not the new header */
body button[class*="hamburger"]:not(.jdpx-burger):not(.jdpx-v8-burger),
body button[class*="menu-toggle"]:not(.jdpx-burger):not(.jdpx-v8-burger),
body .hamburger:not(.jdpx-burger):not(.jdpx-v8-burger),
body .menu-toggle:not(.jdpx-burger):not(.jdpx-v8-burger){
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}

/* Never hide the current header drawer when it is opened on mobile */
@media(max-width:768px){
    body .jdpx-topbar .jdpx-drawer{
        display:block!important;
        width:min(360px,86vw)!important;
        max-width:86vw!important;
        height:100vh!important;
    }
    body .jdpx-topbar:not(.jdpx-open) .jdpx-drawer{
        transform:translateX(120vw)!important;
        visibility:hidden!important;
        opacity:0!important;
        pointer-events:none!important;
    }
    body .jdpx-topbar.jdpx-open .jdpx-drawer{
        transform:translateX(0)!important;
        visibility:visible!important;
        opacity:1!important;
        pointer-events:auto!important;
    }
}