/* ============================================================
   CANNI V8.2.31 — layering only; no hamburger DOM/event changes
   ============================================================ */

/* Search / Member full page sits above storefront, but below global header/drawers. */
#utilityPageV8215{
  z-index:11900!important;
}

/* Header always remains the highest control row. */
.v4-header{
  z-index:15000!important;
}

/* Hamburger is above Search / Member. */
#menuShade.menu-shade{
  z-index:14600!important;
}
#sideMenu.side-menu{
  z-index:14700!important;
}

/* Cart is also above Search / Member and above hamburger. */
#cartShade.cart-shade{
  z-index:14800!important;
}
#cartDrawer.cart-drawer{
  z-index:14900!important;
}

/* Closed overlays must never intercept touches.
   Open overlays use the ORIGINAL V8.2.20 behavior. */
#menuShade.menu-shade:not(.show),
#sideMenu.side-menu:not(.open),
#cartShade.cart-shade:not(.show),
#cartDrawer.cart-drawer:not(.open){
  pointer-events:none!important;
}
#sideMenu.side-menu.open,
#sideMenu.side-menu.open nav,
#sideMenu.side-menu.open nav button,
#sideMenu.side-menu.open nav a{
  pointer-events:auto!important;
}

/* Mobile drawers stay below fixed CANNI header. */
@media(max-width:700px){
  #sideMenu.side-menu{
    top:var(--canni-header-height-v828,64px)!important;
    height:calc(100dvh - var(--canni-header-height-v828,64px))!important;
    bottom:auto!important;
  }
  #menuShade.menu-shade{
    top:var(--canni-header-height-v828,64px)!important;
  }
  #cartDrawer.cart-drawer{
    top:var(--canni-header-height-v828,64px)!important;
    height:calc(100dvh - var(--canni-header-height-v828,64px))!important;
    bottom:auto!important;
  }
  #cartShade.cart-shade{
    top:var(--canni-header-height-v828,64px)!important;
  }
}