/**
 * Shared offset contract for content that sticks below the Elementor header.
 *
 * Components should use --mega-sticky-content-offset for their sticky `top`
 * value instead of copying a header-height constant into local styles.
 */
body {
	--mega-sticky-gap: 1.5rem;
	--mega-sticky-header-offset: 6.75rem;
	--mega-sticky-content-offset: calc(var(--mega-sticky-header-offset) + var(--mega-sticky-gap));
}

body.admin-bar {
	--mega-sticky-header-offset: calc(6.75rem + 32px);
}

@media (max-width: 782px) {
	body.admin-bar {
		--mega-sticky-header-offset: calc(6.75rem + 46px);
	}
}