/*
 * Browser-glass.css — cross-browser frosted-glass declarations.
 *
 * WHY THIS FILE EXISTS:
 * The production CSS optimizer collapses `backdrop-filter` + `-webkit-backdrop-filter`
 * down to only the -webkit- property. Safari understands that prefix, but Firefox
 * only understands the unprefixed `backdrop-filter` — so without this file the
 * navbar/cards render as plain transparent in Firefox.
 *
 * Files in /public are served verbatim and never optimized, so both declarations
 * below always reach the browser. Values mirror src/app/globals.css — keep them
 * in sync, and bump ?v=N in layout.tsx whenever this file changes.
 */
.frosted-navbar {
  backdrop-filter: blur(20px) saturate(165%) contrast(106%);
  -webkit-backdrop-filter: blur(20px) saturate(165%) contrast(106%);
}

.glass-card {
  backdrop-filter: blur(8px) saturate(180%);
  -webkit-backdrop-filter: blur(8px) saturate(180%);
}

@media (max-width: 767px) {
  .frosted-navbar {
    backdrop-filter: blur(16px) saturate(150%);
    -webkit-backdrop-filter: blur(16px) saturate(150%);
  }

  .glass-card {
    backdrop-filter: blur(8px) saturate(150%);
    -webkit-backdrop-filter: blur(8px) saturate(150%);
  }
}