/*
 * Production-safe navbar blur declarations. Keeping this file in public/
 * prevents CSS optimization from reducing the standard and Safari-prefixed
 * properties to only one browser implementation.
 */
.floating-nav.scrolled .nav-content {
  backdrop-filter: blur(20px) saturate(165%) contrast(106%);
  -webkit-backdrop-filter: blur(20px) saturate(165%) contrast(106%);
}

.floating-nav.docs-mode.scrolled .nav-content {
  backdrop-filter: blur(24px) saturate(160%);
  -webkit-backdrop-filter: blur(24px) saturate(160%);
}

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