/* Carvill V297 - Mobile burger menu above hero/subpage background fix
   Mobile/tablet only. Desktop is untouched. */
@media (max-width: 900px){
  html.carvill-mobile-menu-open,
  body.carvill-mobile-menu-open{
    overflow-x:hidden !important;
  }

  body.carvill-mobile-menu-open .siteHeader,
  body.carvill-mobile-menu-open header,
  body.carvill-mobile-menu-open .topbar,
  body.carvill-mobile-menu-open .navbar,
  body.carvill-mobile-menu-open .mainHeader{
    z-index:2147483000 !important;
    position:relative !important;
    isolation:isolate !important;
    transform:none !important;
    filter:none !important;
  }

  .menuBtn,
  button.menuBtn,
  .burger,
  .hamburger,
  .mobileMenuBtn,
  .navToggle{
    position:relative !important;
    z-index:2147483300 !important;
  }

  body.carvill-mobile-menu-open .topbar nav,
  body.carvill-mobile-menu-open header nav,
  body.carvill-mobile-menu-open .mainNav,
  body.carvill-mobile-menu-open .siteNav,
  body.carvill-mobile-menu-open .navMenu,
  body.carvill-mobile-menu-open .mobileNav,
  body.carvill-mobile-menu-open .menu,
  .topbar.nav-open nav,
  .topbar.menu-open nav,
  header.nav-open nav,
  header.menu-open nav,
  nav.open,
  nav.active,
  .mainNav.open,
  .mainNav.active,
  .siteNav.open,
  .siteNav.active,
  .navMenu.open,
  .navMenu.active{
    z-index:2147483200 !important;
    position:absolute !important;
  }

  /* When the original menu opens under the hero because of stacking contexts,
     this safe override lifts only the visible/open mobile nav. */
  body.carvill-mobile-menu-open .topbar nav,
  body.carvill-mobile-menu-open header nav{
    top:100% !important;
    left:12px !important;
    right:12px !important;
    max-height:calc(100vh - 92px) !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  /* Keep hero/background/card layers below the menu while menu is open. */
  body.carvill-mobile-menu-open .hero,
  body.carvill-mobile-menu-open .subpageHero,
  body.carvill-mobile-menu-open .pageHero,
  body.carvill-mobile-menu-open .heroSection,
  body.carvill-mobile-menu-open .subpage-hero,
  body.carvill-mobile-menu-open .carvill-subpage-bg,
  body.carvill-mobile-menu-open main,
  body.carvill-mobile-menu-open .pageWrap{
    z-index:1 !important;
  }

  body.carvill-mobile-menu-open::before,
  body.carvill-mobile-menu-open::after{
    z-index:0 !important;
  }
}