/* ==========================================================================
   Formium Alliance — Frosted "windshield" background behind the open mega menu
   (kept — separate layer; remove the two tags to undo).
   While a menu is open, everything behind it is frosted. In Chrome/Edge the frost is
   streaked sideways, angled toward the menu (like scenery rushing toward you through a
   windshield); Safari/Firefox, which cannot apply SVG filters to a backdrop, get a plain
   frosted blur instead. No animation: it switches on/off instantly.
   ========================================================================== */

.fa-frost, .fa-frost-flat {
  position: fixed; inset: 0;
  z-index: 55;                       /* above page content, below the header (58) and the panel (60) */
  pointer-events: none;
  visibility: hidden;
}
html.fa-frost-on .fa-frost, html.fa-frost-on .fa-frost-flat { visibility: visible; }
.fa-frost { background: rgba(8, 8, 8, 0.10); }          /* very faint frost tint, uniform (never masked) */

/* ---- Chrome / Edge: two full-screen layers, angled toward the upper centre, cross-faded softly in the
        middle with a mask (hard clipped regions left visible seams) ---- */
.fa-frost-seg {
  position: fixed; inset: -40%;
  transform: rotate(var(--a, 0deg));
  -webkit-backdrop-filter: blur(1.5px) url(#fa-speed) saturate(1.1);
  backdrop-filter: blur(1.5px) url(#fa-speed) saturate(1.1);
}
.fa-frost-seg.l { --a: -13deg; -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 51%, transparent 53%); mask-image: linear-gradient(90deg, #000 0%, #000 51%, transparent 53%); }
.fa-frost-seg.r { --a: 13deg;  -webkit-mask-image: linear-gradient(270deg, #000 0%, #000 51%, transparent 53%); mask-image: linear-gradient(270deg, #000 0%, #000 51%, transparent 53%); }

/* ---- Safari / Firefox: plain frost (no SVG filter on backdrops there) ---- */
.fa-frost-flat {
  background: rgba(8, 8, 8, 0.10);
  -webkit-backdrop-filter: blur(11px) saturate(1.15);
  backdrop-filter: blur(11px) saturate(1.15);
}
html.fa-nosvg .fa-frost { display: none; }
html:not(.fa-nosvg) .fa-frost-flat { display: none; }

/* keep the navigation itself crisp while the page behind is frosted */
html.fa-frost-on header .header-six { z-index: 58 !important; }

/* only for the desktop mega menu (phones use the slide-in menu) */
@media (max-width: 1279px) { .fa-frost, .fa-frost-flat { display: none !important; } }

/* the panel's own drop-shadow would be smeared into a dark column by the frost: keep just its hairline edge */
html.fa-frost-on .mm-panel { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 0 0 1px rgba(255, 255, 255, 0.04) !important; }