/* Force sticky header to span the viewport and sit on top */
.elementor-section.elementor-sticky.elementor-sticky--active {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	margin: 0 auto !important;
	z-index: 9999 !important; /* keep it above page content */
}

/* Ensure the spacer (Elementor inserts this) matches full width */
.elementor-sticky__spacer {
	width: 100% !important;
	margin: 0 !important;
}

/* Keep the inner container nicely centered within the full-width bar */
.elementor-section.elementor-sticky.elementor-sticky--active .elementor-container {
	max-width: 1200px; /* adjust to your design */
	margin: 0 auto;
}

/* Avoid accidental horizontal scrolling caused by fixed-width header */
html, body {
	overflow-x: hidden;
}