/*
 * Keep both backdrop-filter forms outside the compiled Tailwind bundle.
 * Its production optimizer currently reduces the pair to the Safari-prefixed
 * declaration, which disables the glass blur in Chromium and Firefox.
 */
.nav-content {
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
}

.floating-nav.scrolled .nav-content {
  backdrop-filter: blur(24px) saturate(180%) contrast(108%);
  -webkit-backdrop-filter: blur(24px) saturate(180%) contrast(108%);
}

/* The menu is content inside the navbar glass, never a second surface. */
.mobile-nav-panel,
.mobile-nav-panel.is-open {
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 1079px) {
  .nav-content,
  .floating-nav.scrolled .nav-content {
    backdrop-filter: blur(16px) saturate(150%);
    -webkit-backdrop-filter: blur(16px) saturate(150%);
  }

  .nav-content.mobile-menu-open,
  .floating-nav.scrolled .nav-content.mobile-menu-open {
    backdrop-filter: blur(32px) saturate(175%) contrast(106%) !important;
    -webkit-backdrop-filter: blur(32px) saturate(175%) contrast(106%) !important;
  }
}