/*
 * Global fix: prevent hamburger overlay background from showing when menu is closed.
 * Rationale: base .hamburger-nav styles in theme/fallback CSS include a solid background and padding-top,
 * which can create a "black bar" even before the menu is opened.
 *
 * This file MUST be loaded right after `css/purple-gradient-theme.css` (and before any delayed CSS),
 * so the closed state is transparent immediately on first paint.
 */

/* Closed (default) */
.hamburger-nav {
  background: transparent !important;
  backdrop-filter: none !important;
  opacity: 0;
  pointer-events: none;
  padding-top: 0 !important;
}

/* Open */
.hamburger-nav.active {
  background: linear-gradient(
    180deg,
    rgba(15, 11, 31, 1) 0%,
    rgba(26, 19, 48, 1) 50%,
    rgba(20, 15, 40, 1) 100%
  ) !important;
  backdrop-filter: blur(40px) saturate(180%) !important;
  opacity: 1;
  pointer-events: auto;
}