.ehn-blur-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--ehn-overlay-z, 9990);
  opacity: 0;
  pointer-events: none;
  backdrop-filter: blur(var(--ehn-blur-px, 12px));
  -webkit-backdrop-filter: blur(var(--ehn-blur-px, 12px));
  background: rgba(0, 0, 0, var(--ehn-dark-opacity, 0.25));
  transition: opacity var(--ehn-overlay-transition, 200ms) ease;
}

body.ehn-megamenu-open .ehn-blur-overlay {
  opacity: 1;
  pointer-events: auto;
}

/* Safety: ensure overlay doesn't affect admin bar layering weirdly */
body.admin-bar .ehn-blur-overlay {
  top: 0;
}