/*
 * mqc-header-scroll-state — controls the transparent-over-hero -> solid
 * transition as the visitor scrolls past the homepage hero. Loaded via
 * Elementor Pro > Custom CSS on the Header template (or the theme's
 * enqueued stylesheet if preferred). Keeps the header template itself
 * simple (one template, not two near-duplicates) per design-system.md.
 */
.elementor-sticky--effects.mqc-header-transparent {
	background-color: transparent;
	transition: background-color 0.25s ease;
}
.elementor-sticky--effects.mqc-header-transparent.elementor-sticky--active {
	background-color: var(--e-global-color-secondary-bg, #151517);
}