/*!
 * sticky.css — replacement for Elementor Pro's sticky module on the site header.
 *
 * Pro shipped this as JavaScript (jquery.sticky.js) plus a 3-rule stylesheet, but on this
 * site the JS never actually made a decision: measured live on 2026-08-06, the header
 * container carried `position: fixed; top: 0; z-index: 95` at scroll 0 AND at scroll 600,
 * on all three breakpoints. Two settings are why:
 *
 *   1. sticky_offset is 0, so the header is "past" its trigger from the first paint; and
 *   2. the header's own custom CSS hides .elementor-sticky__spacer, so nothing ever
 *      reserved layout space and the page has always started underneath the header.
 *
 * The only scroll-dependent thing Pro did was add .elementor-sticky--effects past 50px,
 * and no rule anywhere on the site styles that class. So the whole behaviour collapses to
 * static CSS and no scroll listener is needed.
 *
 * Loaded only when Elementor Pro is inactive; see functions.php.
 */

.elementor-location-header .elementor-sticky--active {
	position: fixed;
	top: 0;
	inset-inline: 0;
	/* header-21.css sets --z-index: 95 on this element; 99 is Pro's default. */
	z-index: var( --z-index, 99 );
	/*
	 * --margin-bottom is 5% in header-21.css, but on the live site that margin only ever
	 * applied to the (hidden) spacer — the fixed element measured margin-bottom: 0px.
	 */
	margin-block-end: 0;
}