/* ===========================================================
   JD_Boston (Helix3) — CLEAN BASELINE
   Restores normal mobile hamburger; keeps off-canvas above header
   =========================================================== */

/* Page wrappers sit below the header */
#sp-page-builder,
#sp-main-body {
  position: relative;
  z-index: 0;
}

/* Remove any earlier vertical offsets */
body,
.body-innerwrapper {
  padding-top: 0 !important;
}

/* Desktop header: sticky above content (do NOT force fixed on mobile here) */
@media (min-width: 992px){
  #sp-header { position: sticky; top: 0; z-index: 10010; }
}

/* Prevent rogue stacking contexts on the header */
#sp-header,
.site-header,
header[role="banner"]{
  transform: none !important;
  filter: none !important;
  perspective: none !important;
}

/* Off-canvas panel must cover the header (any framework variant) */
#offcanvas-menu,
.offcanvas-menu,
.offcanvas{
  position: fixed !important;
  inset: 0 !important;              /* top/right/bottom/left: 0 */
  z-index: 9999 !important;         /* above the header */
  background: #fff;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
}

/* Backdrop just under the panel, still above the header */
.offcanvas-overlay,
.offcanvas-backdrop,
.modal-backdrop{
  position: fixed !important;
  inset: 0 !important;
  z-index: 9998 !important;
  background: rgba(0,0,0,.35);
}

/* Lock page scroll when Helix marks off-canvas open */
body.offcanvas,
body.offcanvas-open,
body.offcanvas-active{
  overflow: hidden !important;
}

/* ===========================================================
   END
   =========================================================== */