/*------------------------------------------------------------------*\ 3. Layout - Footer \*------------------------------------------------------------------*/ @media screen and (max-width: 1023px) { footer .elementor-nav-menu { display: flex; flex-wrap: wrap; } footer .elementor-nav-menu--main .elementor-item { padding-left: 0px; padding-bottom: 0px; } } /* ── Newsletter form — Glass material ── CSS approximation of the Figma "Glass" material. One frosted panel wrapping the footer newsletter form fields. Tokens in vars.css. */ .rb-visit-form .elementor-form-fields-wrapper .elementor-field { background-color: var(--contact-field-bg) !important; border: 1px solid var(--glass-border) !important; border-radius: 16px !important; padding: 18px 22px !important; -webkit-backdrop-filter: var(--glass-frost) !important; backdrop-filter: var(--glass-frost) !important; box-shadow: var(--glass-shadow) !important; /* Keep each glass field on its own persistent GPU layer. Lenis toggles classes on the root on every scroll start/stop, which forces a document-wide style recalc; without a stable layer Chrome re-rasterizes the backdrop-filter on that repaint and paints a white frame before the blur is ready (the "white flash" when scrolling the open footer form). translateZ(0) promotes the layer; will-change tells Chrome to keep the backdrop composited so it's reused instead of repainted. Firefox is unaffected (no flash). */ transform: translateZ(0); will-change: backdrop-filter, transform; backface-visibility: hidden; }