/* =========================================================
   Mobile menu overlay hotfix v3.6.2
   - no backdrop blur
   - stable z-index
   - no click interception when closed
   - GPU-safe transitions
   ========================================================= */

@media(max-width:1024px){

  /* Body locking without visual blur */
  body.ca-site-v350.nav-open{
    overflow:hidden!important;
    touch-action:none!important;
  }

  /* Overlay: flat transparent dark layer only */
  .ca-site-v350 .mobile-nav-overlay{
    position:fixed!important;
    inset:0!important;
    z-index:140!important;
    display:block!important;
    background:rgba(6,25,45,.42)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    filter:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .18s ease, visibility .18s ease!important;
    will-change:opacity;
  }

  .ca-site-v350 .mobile-nav-overlay.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  /* Drawer sits clearly above the overlay */
  .ca-site-v350 #mainNav{
    z-index:150!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    filter:none!important;
    background:#fff!important;
    opacity:1!important;
    isolation:isolate;
  }

  .ca-site-v350 #mainNav.is-open{
    transform:translate3d(0,0,0)!important;
  }

  .ca-site-v350 #mainNav:not(.is-open){
    transform:translate3d(105%,0,0)!important;
    pointer-events:none!important;
  }

  /* Keep header / burger clickable while menu is closed */
  .ca-site-v350 .header{
    z-index:130!important;
  }

  .ca-site-v350 .menu-btn{
    position:relative!important;
    z-index:131!important;
    pointer-events:auto!important;
    -webkit-tap-highlight-color:transparent;
  }

  /* Prevent ghost layers from legacy styles */
  .ca-site-v350 .nav:before,
  .ca-site-v350 .nav:after,
  .ca-site-v350 .mobile-nav-overlay:before,
  .ca-site-v350 .mobile-nav-overlay:after{
    content:none!important;
    display:none!important;
  }
}

/* iOS / Safari safety */
@supports (-webkit-touch-callout:none){
  @media(max-width:1024px){
    .ca-site-v350 .mobile-nav-overlay{
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
    }
    .ca-site-v350 #mainNav{
      transform:translate3d(105%,0,0);
    }
    .ca-site-v350 #mainNav.is-open{
      transform:translate3d(0,0,0)!important;
    }
  }
}