/* =========================================
   Header | Fixed Wrapper Base
   ========================================= */

/* Global Elementor header wrapper */
header.elementor-location-header {
	position: fixed; /* Keep header fixed to the viewport */
	top: 0; /* Lock header to the top */
	left: 0; /* Align header to the left edge */
	width: 100%; /* Stretch header to full width */
	z-index: 9999; /* Keep header above page content */

	background-color: #ffffff; /* Solid white header background */
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); /* Soft shadow */

	transition: transform 0.35s ease, opacity 0.35s ease; /* Smooth hide/reveal animation */
	will-change: transform, opacity; /* Improve animation performance */

	backface-visibility: hidden; /* Reduce rendering glitches */
	-webkit-backface-visibility: hidden; /* Safari compatibility */
}

/* =========================================
   Header | Hidden State
   ========================================= */

/* Hide header while scrolling down */
header.elementor-location-header.is-hidden {
	transform: translateY(-100%); /* Move header out of viewport */
	opacity: 0; /* Fade out */
}

/* =========================================
   Header | Visible State
   ========================================= */

/* Show header when scrolling up or near the top */
header.elementor-location-header.is-visible {
	transform: translateY(0); /* Reset position */
	opacity: 1; /* Fully visible */
}