/* Mobile menu visual hotfix v4.
   Keep the page content visible at full opacity while the side menu is open.
   Only suppress floating/carousel controls that were creating the ghost/shadow effect. */

/* The original theme fades the whole wrapper to 25%. That is what created the
   washed-out/shadow effect. Keep normal page visibility instead. */
body.is-menu-visible #wrapper {
  opacity: 1 !important;
  cursor: default !important;
}

/* Remove the temporary full-page white cover from the previous hotfix. */
body.is-menu-visible::before {
  content: none !important;
  display: none !important;
}

/* Menu must stay above the page and remain interactive. */
body.is-menu-visible #menu {
  z-index: 10050 !important;
  pointer-events: auto !important;
}

body.is-menu-visible #menu > .inner,
body.is-menu-visible #menu > .close,
body.is-menu-visible #menu a,
body.is-menu-visible #menu button {
  pointer-events: auto !important;
}

/* Hide only controls that looked like a shadow through the open menu state.
   The page content itself remains visible. */
body.is-menu-visible .carousel .carousel-control-prev,
body.is-menu-visible .carousel .carousel-control-next,
body.is-menu-visible .carousel .carousel-indicators,
body.is-menu-visible .whatsapp-float {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}