/**
 * Shared hero header for inner pages — matches homepage `.hypro-landing` nav (glass bar, padding, logo, CTA, mobile drawer).
 * Applied with body class `hypro-unified-nav` (see functions.php). Active link underline stays in style.css (`.site-header--hero .current-menu-item`).
 */

body.hypro-unified-nav {
	/* Same as homepage --hypro-pad-x */
	--hypro-nav-pad: clamp(1.25rem, 4vw, 5rem);
	--hypro-admin-bar: 0px;
	--hypro-grey-light: #bdc2cc;
	--hypro-cyan: #2ec4e6;
}

body.admin-bar.hypro-unified-nav {
	--hypro-admin-bar: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar.hypro-unified-nav {
		--hypro-admin-bar: 46px;
	}
}

/* Map page-specific horizontal rhythm to the same pad as the homepage header */
body.hypro-unified-nav.hypro-tech-page {
	--tech-pad: var(--hypro-nav-pad);
}

body.hypro-unified-nav.hypro-inserma-page {
	--inserma-pad: var(--hypro-nav-pad);
}

body.hypro-unified-nav.hypro-approach-page {
	--ap-pad: var(--hypro-nav-pad);
}

body.hypro-unified-nav .hypro-about {
	--about-pad: var(--hypro-nav-pad);
}

body.hypro-unified-nav .hypro-contact {
	--contact-pad: var(--hypro-nav-pad);
}

body.hypro-unified-nav .hypro-newsroom {
	--nr-pad: var(--hypro-nav-pad);
}

body.hypro-unified-nav .hypro-single-post-main {
	--post-pad: var(--hypro-nav-pad);
}

body.hypro-unified-nav .hypro-team {
	--team-pad: var(--hypro-nav-pad);
}

body.hypro-unified-nav .hypro-team-member {
	--tm-pad: var(--hypro-nav-pad);
}

body.hypro-unified-nav .hypro-eco,
body.page-template-page-ecosystem-php.hypro-unified-nav .hypro-eco {
	--eco-pad: var(--hypro-nav-pad);
}

/* Fixed glass header — aligned with homepage */
body.hypro-unified-nav .site-header--hero {
	position: fixed;
	top: var(--hypro-admin-bar);
	left: 0;
	right: 0;
	z-index: 100;
	width: 100%;
	border-bottom: none;
	padding: 1rem 0;
	background: rgba(26, 30, 40, 0.35);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
}

body.hypro-unified-nav .site-header--hero .site-branding {
	flex-shrink: 0;
}

body.hypro-unified-nav .site-header--hero .site-header__inner {
	max-width: none;
	width: 100%;
	padding-left: var(--hypro-nav-pad);
	padding-right: var(--hypro-nav-pad);
	flex-wrap: nowrap;
	align-items: center;
	gap: clamp(1rem, 3vw, 2rem);
}

body.hypro-unified-nav .site-header--hero .main-navigation {
	flex: 1 1 auto;
	justify-content: flex-end;
	min-width: 0;
	flex-wrap: nowrap;
	gap: clamp(0.75rem, 2vw, 1.875rem);
}

body.hypro-unified-nav .site-header--hero .main-navigation ul.menu {
	flex-wrap: nowrap;
	gap: clamp(0.5rem, 1.5vw, 1.25rem);
}

@media (min-width: 1024px) {
	body.hypro-unified-nav .site-header--hero .main-navigation ul.menu {
		gap: 1.875rem;
	}
}

@media (max-width: 1100px) {
	body.hypro-unified-nav .site-header--hero .main-navigation ul.menu {
		flex-wrap: wrap;
		justify-content: flex-end;
	}
}

body.hypro-unified-nav .site-header--hero .main-navigation .menu > li > a {
	color: #fff;
	font-size: 0.875rem;
	font-weight: 400;
	letter-spacing: 0.04em;
	text-decoration: none;
	transition: color 0.2s;
}

body.hypro-unified-nav .site-header--hero .main-navigation .menu > li > a:hover {
	color: var(--hypro-grey-light);
}

/* Homepage CTA treatment on glass header */
body.hypro-unified-nav .site-header--hero .site-header__cta {
	color: #fff;
	border-color: var(--hypro-cyan);
}

body.hypro-unified-nav .site-header--hero .site-header__cta:hover {
	color: var(--hypro-cyan);
}

body.hypro-unified-nav .site-logo {
	align-items: center;
	flex-wrap: nowrap;
}

body.hypro-unified-nav .site-logo__mark {
	width: 40px;
	height: 40px;
	object-fit: contain;
	flex-shrink: 0;
}

body.hypro-unified-nav .site-logo__combined {
	height: 40px;
	width: auto;
	max-width: min(220px, 42vw);
	object-fit: contain;
	object-position: left center;
}

body.hypro-unified-nav .site-logo__wordmark {
	height: auto;
	max-height: 40px;
	width: auto;
	max-width: min(220px, 42vw);
	object-fit: contain;
	object-position: left center;
}

body.hypro-unified-nav .custom-logo-link {
	display: flex;
	align-items: center;
}

body.hypro-unified-nav .custom-logo-link img {
	height: auto;
	max-height: 40px;
	width: auto;
	object-fit: contain;
}

/* Mobile drawer — match homepage (dark panel, light links) */
@media (max-width: 1023px) {
	/* Same as home.css: fixed nav must not sit under a backdrop-filter ancestor */
	body.hypro-unified-nav .site-header--hero {
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		background: rgba(26, 30, 40, 0.94);
	}

	body.hypro-unified-nav .site-header--hero .site-header__toggle {
		border-color: rgba(255, 255, 255, 0.4);
		color: #f7f7f8;
	}

	body.hypro-unified-nav .site-header--hero .site-header__toggle:hover,
	body.hypro-unified-nav .site-header--hero .site-header__toggle:focus-visible {
		border-color: var(--hypro-cyan);
		color: #fff;
	}

	body.hypro-unified-nav .site-header--hero .main-navigation {
		flex-wrap: nowrap;
		gap: 0;
		background: linear-gradient(195deg, #12161d 0%, #1a1e28 55%, #1e242e 100%);
		border-left: 1px solid rgba(123, 140, 167, 0.22);
		box-shadow: -16px 0 48px rgba(0, 0, 0, 0.45);
	}

	body.hypro-unified-nav .site-header--hero .main-navigation .menu > li {
		border-bottom-color: rgba(255, 255, 255, 0.12);
	}

	body.hypro-unified-nav .site-header--hero .main-navigation .menu > li > a {
		color: #e8eaef;
		font-size: 1rem;
		letter-spacing: 0.02em;
	}

	body.hypro-unified-nav .site-header--hero .site-header__cta {
		border-color: var(--hypro-cyan);
		color: #fff;
	}
}

@media (min-width: 1024px) and (max-width: 1200px) {
	body.hypro-unified-nav .site-header--hero .main-navigation .menu > li > a {
		font-size: 0.8rem;
	}
}

@media (max-width: 1200px) {
	body.hypro-unified-nav .site-header--hero .site-header__inner {
		gap: 0.75rem;
	}
}

@media (max-width: 900px) {
	body.hypro-unified-nav .site-header--hero {
		padding: 0.75rem 0;
	}
}

@media (max-width: 480px) {
	body.hypro-unified-nav .site-logo__mark {
		width: 32px;
		height: 32px;
	}

	body.hypro-unified-nav .site-logo__wordmark {
		max-height: 32px;
		max-width: min(160px, 42vw);
	}
}