/* v387G — consolidated hotfix after iPhone/menu/order validation QA. */

/* Hidden mobile drawer must always stay hidden. Earlier late-loaded iOS CSS made
   body.vge-mobile-menu-open .vge-mobile-menu-drawer display:block, which could
   expose a blank white drawer if a stale body class remained. */
.vge-mobile-menu-drawer[hidden],
body.vge-mobile-menu-open .vge-mobile-menu-drawer[hidden],
.topbar.is-mobile-menu-open .vge-mobile-menu-drawer[hidden]{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

@media (max-width: 900px), (hover: none) and (pointer: coarse){
  body.vge-mobile-menu-scroll-lock{
    overflow:hidden !important;
    touch-action:auto !important;
  }
  .vge-mobile-menu-drawer:not([hidden]){
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    max-height:calc(100dvh - 86px - env(safe-area-inset-bottom, 0px)) !important;
    -webkit-overflow-scrolling:touch !important;
  }
  .vge-mobile-menu-drawer[hidden] *{
    pointer-events:none !important;
  }
}

/* Keep order-form inputs light and responsive during live validation. */
#orderForm input,
#orderForm select,
#orderForm textarea,
#orderForm button{
  -webkit-tap-highlight-color: transparent;
}
#orderForm input[type="email"],
#orderForm input[type="tel"],
#orderForm input[type="text"]{
  -webkit-user-select:text;
  user-select:text;
}