/**
 * Elementor dynamic background fix — robust cover on archive/single hero.
 *
 * ROOT CAUSE (confirmed live on solmad.com, 2026-07-07, reproduced on a second
 * site — lightgallery.es — with the same Elementor/theme setup): when a
 * container's background image is bound to a Dynamic Tag (e.g. an ACF field
 * that differs per taxonomy term), Elementor marks that container as a
 * "dynamic element" and excludes ALL of its rules — including the STATIC ones
 * that never change, like background-size/background-repeat/
 * background-position — from the per-page static CSS file
 * (uploads/elementor/css/post-N.css). On every visit it only re-injects the
 * one property that is actually dynamic (background-image:url(...)) via an
 * inline <style id="elementor-frontend-inline-css"> block; the static sibling
 * properties are never re-emitted anywhere. The browser then falls back to its
 * defaults (background-size:auto; background-repeat:repeat). If the resolved
 * image happens to be smaller than the container in either dimension, it
 * visibly tiles ("mosaic"). If it happens to be large enough, the same broken
 * state goes unnoticed — which is why this shows up "sometimes", and
 * especially right after a full cache flush (the moment Elementor rewrites
 * post-N.css and can drop the rule again).
 *
 * FIX: this stylesheet is a static asset of the plugin — neither Elementor nor
 * any page/CSS cache ever touches it — so the override below always wins.
 *
 * Selector: STRUCTURAL, not tied to any random per-template element ID.
 * Elementor Pro Theme Builder wraps "archive" location templates in
 * `.elementor-location-archive`; the hero is consistently the FIRST top-level
 * container (.e-parent, direct child) inside that wrapper — verified on two
 * independent sites (solmad.com and lightgallery.es). This is inert (matches
 * nothing) on any page that doesn't use this exact pattern, so it's safe to
 * load site-wide. Scoped to "archive" only — extend to other Theme Builder
 * locations (single, etc.) only after verifying the same first-child pattern
 * holds there.
 */
.elementor-location-archive > .e-con.e-parent:first-child {
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}