/* High-specificity override to force the header mobile menu into a full-screen overlay and avoid legacy .mobile-menu drawer rules */

/* Target by ID and unique class to avoid colliding with older .mobile-menu selectors */
#mobileMenu.spf-mobile-menu {
  position: fixed !important;
  inset: 0 !important; /* top:0; left:0; right:0; bottom:0 */
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  background: #F9F7F4 !important;
  z-index: 99999 !important; /* ensure on top */
  overflow-y: auto !important;
  transform: none !important;
  transition: none !important;
  display: block !important;
}

/* When hidden class is present, truly hide it */
#mobileMenu.spf-mobile-menu.hidden {
  display: none !important;
}

/* When menu is visible (not hidden), ensure it's fully visible */
#mobileMenu.spf-mobile-menu:not(.hidden) {
  visibility: visible !important;
  opacity: 1 !important;
}

/* When menu open, prevent body from scrolling */
body.overflow-hidden {
  overflow: hidden !important;
  position: fixed !important;
  width: 100% !important;
}