/* Fix for mobile menu overlay to make it fully transparent */
html.hidden {
  overflow: hidden;
  /* Remove any background color that might be added */
  background: transparent !important;
}

html.hidden:before {
  /* Remove any potential pseudo-element that creates an overlay */
  display: none !important;
}

/* If there's a mobile menu overlay */
.mobile-menu-overlay {
  background: transparent !important;
}

/* Ensure the mobile menu itself stands out */
.head-nav.head-nav-act {
  box-shadow: -5px 0 20px rgba(0, 0, 0, 0.2);
  /* Make sure the menu is visible against transparent background */
  background: #FFF;
}

/* Fix for body when mobile menu is open */
body:has(html.hidden) {
  background: transparent !important;
}

/* Fix for any overlay added by JavaScript */
body > div.overlay,
body > div[class*="overlay"],
div[class*="menu-overlay"] {
  background: transparent !important;
}