/* WQS Elementor header — keep logo + menu above full-bleed heroes */

:root {
	--wqs-topbar-height: 56px;
	--wqs-nav-height: 72px;
	--wqs-header-stack: calc(var(--wqs-topbar-height) + var(--wqs-nav-height));
}

.ekit-template-content-header {
	position: relative;
	z-index: 500;
}

.ekit-template-content-header .elementor-element-d898c0c {
	position: relative;
	z-index: 502;
}

#header-nav {
	z-index: 501 !important;
}

body.page-id-11542 #header-nav,
body.has-wqs-single #header-nav {
	top: var(--wqs-topbar-height) !important;
}

/* Singles: one overlay bar on hero — no topbar gap */
body.has-wqs-single .ekit-template-content-header {
	margin: 0 !important;
	padding: 0 !important;
}

body.has-wqs-single .elementor-element-d898c0c {
	display: none !important;
}

body.has-wqs-single #header-nav {
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	--margin-left: 0px !important;
	--margin-right: 0px !important;
	--padding-top: 0px !important;
}

body.has-wqs-single #header-nav .elementor-element-ef9b6da {
	--padding-top: 0px !important;
	--padding-bottom: 0px !important;
}

#header-nav .elementskit-menu-hamburger {
	position: relative;
	z-index: 503;
}

@media (max-width: 767px) {
	/* Singles: header in normal flow so hero cannot cover it */
	body.has-wqs-single #header-nav {
		position: relative !important;
		top: auto !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
	}

	body.has-wqs-single .wqs-single__hero {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	/* Project Ideas: keep overlay hero, but header must stay on top */
	body.page-id-11542 .ekit-template-content-header {
		z-index: 500;
	}

	body.page-id-11542 #header-nav {
		position: absolute !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}