/**
 * Metric-matched fallbacks for webfonts that use font-display: swap.
 * Critical @font-face rules are also inlined early via wp_head in functions.php.
 * Keep the Elementor Custom Code snippet "Font Fallbacks" (post 6602) EMPTY so
 * old size-adjust: 60% faces do not compete.
 */

@font-face {
	font-family: "bebas neue pro fallback";
	src: local("Arial");
	size-adjust: 57%;
	ascent-override: 80%;
	descent-override: 0%;
	line-gap-override: 0%;
}

@font-face {
	font-family: "Fairweather Fallback";
	src: local("Arial");
	/* Tuned to homepage hero H2 (65px / 900) in .elementor-element-d5592b8 */
	size-adjust: 52%;
	ascent-override: 90%;
	descent-override: 0%;
	line-gap-override: 0%;
}

@font-face {
	font-family: "Overpass Fallback";
	src: local("Arial");
	size-adjust: 101%;
	ascent-override: 80%;
	descent-override: 0%;
	line-gap-override: 0%;
}

:root {
	--e-global-typography-text-font-family: Overpass, "Overpass Fallback", sans-serif;
}

body {
	font-family: Overpass, "Overpass Fallback", sans-serif !important;
}

/* Elementor often sets Overpass without a metric fallback; force it for body text. */
body .elementor-widget-text-editor,
body .elementor-widget-icon-list,
body .elementor-widget-image-box .elementor-image-box-description,
body .elementor-widget-accordion,
body .elementor-widget-toggle {
	font-family: Overpass, "Overpass Fallback", sans-serif !important;
}

/* Reserve intrinsic ratio while Rocket lazy placeholders swap (logos). */
img.wp-image-58 {
	aspect-ratio: 326 / 203;
	height: auto;
	max-width: 100%;
}

img.wp-image-1145 {
	aspect-ratio: 326 / 200;
	height: auto;
	max-width: 100%;
}

/*
 * Homepage hero band (.elementor-element-8dee750): reserve space for the
 * Fairweather H2 so font-swap cannot collapse the container (PSI CLS culprit).
 */
@media (min-width: 1025px) {
	.elementor-element-8dee750 {
		min-height: 980px;
	}

	.elementor-element-d5592b8 .elementor-heading-title {
		min-height: 234px;
	}
}
