:root {
	--header-height: 80px; /* Adjust this value as needed */
}

/* Spacer to prevent overlap when header is fixed */
.has-hero {
	padding-top: var(--header-height);
}

/* Sticky header contrast + blur */
.site-header.is-sticky, 
.site-header.stuck, 
.elementor-sticky--effects .site-header, 
.elementor-sticky--effects header, 
.elementor-sticky--effects .elementor-location-header {
	background: rgba(10, 10, 12, 0.72) !important; /* dark translucent */
	backdrop-filter: saturate(1.2) blur(8px);
	-webkit-backdrop-filter: saturate(1.2) blur(8px);
	border-bottom: 1px solid rgba(255,255,255,0.18) !important;
	box-shadow: 0 6px 18px rgba(0,0,0,0.25) !important;
	transition: background 0.3s ease, backdrop-filter 0.3s ease, box-shadow 0.3s ease;
}

/* Header link colors for contrast when sticky */
.elementor-sticky--effects .site-header a,
.elementor-sticky--effects header a,
.elementor-sticky--effects .elementor-location-header a,
.elementor-sticky--effects .elementor-nav-menu--main .elementor-item {
	color: #FFFFFF !important; /* White for high contrast */
	transition: color 0.3s ease;
}

/* Hover state for links */
.elementor-sticky--effects .site-header a:hover,
.elementor-sticky--effects header a:hover,
.elementor-sticky--effects .elementor-location-header a:hover,
.elementor-sticky--effects .elementor-nav-menu--main .elementor-item:hover {
	color: #FFD700 !important; /* Zia Gold accent on hover */
}