/**
 * Sticky header (Features → Tweaks → Elementor → Enable sticky header).
 *
 * Two header types (chosen by the body class the theme adds):
 *  - .geeks-header-sticky  → position:sticky, the header keeps its own space and
 *    pins to the top on scroll (no content jump, no spacer).
 *  - .geeks-header-overlay → position:fixed, the header floats OVER the first
 *    section (transparent-header look); pad the hero with var(--geeks-header-height).
 *
 * The z-index is injected inline from the setting. Smart mode adds .geeks-header-smart
 * and the JS toggles .geeks-header-hidden to hide-on-scroll-down / show-on-scroll-up.
 */
.geeks-header-sticky .elementor-location-header {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

.geeks-header-overlay .elementor-location-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}

/* Sit below the WordPress admin bar for logged-in users (visitors never see it). */
.admin-bar.geeks-header-sticky .elementor-location-header,
.admin-bar.geeks-header-overlay .elementor-location-header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar.geeks-header-sticky .elementor-location-header,
	.admin-bar.geeks-header-overlay .elementor-location-header {
		top: 46px;
	}
}

/* Smart mode: hide on scroll down / show on scroll up (transform, no reflow). */
.geeks-header-smart .elementor-location-header {
	transition: transform 0.3s ease;
	will-change: transform;
}

.geeks-header-smart .elementor-location-header.geeks-header-hidden {
	transform: translateY(-100%);
}