/*
 * ADA — text over photos: dark scrim ("Option A")
 * ---------------------------------------------------------------------------
 * Approved by the client (Leanna, via Jade Lemmon / Onspire) on 2026-11-02,
 * against the A/B/C options Eva circulated 2026-10-21. Applies to Hays,
 * Pawnee and Gove, which share this Enfold child template.
 *
 * WHY THIS LIVES IN ITS OWN FILE RATHER THAN style.css
 * Enfold's "merge CSS" performance option bundles the child style.css into
 * uploads/dynamic_avia/avia-merged-styles-<hash>.css, and that hash is built
 * from each asset's registered VERSION, not its contents
 * (class-asset-manager.php:587). Editing style.css therefore does not
 * invalidate the bundle: on Pawnee the change simply never shipped. This file
 * is enqueued separately with filemtime() as its version, so it is both
 * outside the bundle and self-busting on every edit — no version header to
 * bump, no cache to purge.
 *
 * WHY 0.6
 * The banner text is #F4F5F7 (relative luminance 0.905). WCAG wants 4.5:1 for
 * normal-size text, which puts the backdrop at or below 112/255. These photos
 * contain near-white patches, so the scrim has to carry that on its own:
 * 1 - 112/255 = 0.56 minimum. 0.6 leaves a margin. 0.5 is NOT enough — the
 * "Care Beyond Compare" hero already had a 0.5 scrim and still measured
 * 2.01:1 on phone against a 3:1 requirement.
 *
 * Measured worst-case BEFORE (lowest contrast anywhere under the text, not the
 * average): provider hero H1 1.00-2.40:1, provider hero P 1.07-2.62:1,
 * home hero H1 1.49-2.24:1, home hero P 1.21-3.11:1.
 */

#top .provider__container,
#top .background_img_area,
#top .man-in-field-bg {
	position: relative;
}

#top .provider__container::before,
#top .background_img_area::before,
#top .man-in-field-bg::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.6);
	pointer-events: none;
	z-index: 0;
}

/* Lift the real content above the scrim, or it paints over the text it is
   meant to sit behind. */
#top .provider__container > *,
#top .background_img_area > *,
#top .man-in-field-bg > * {
	position: relative;
	z-index: 1;
}