/*
 * Premium enterprise navigation — layered glass, pill nav rail, cinematic depth.
 * Relies on .site-header--enterprise on header + optional .site-title--premium on text logo.
 */

.site-header.site-header--enterprise {
	position: sticky;
	top: 0;
	z-index: 100;
	isolation: isolate;
	background:
		radial-gradient(1200px 80px at 50% -30%, rgba(56, 189, 248, 0.08), transparent 70%),
		rgba(250, 252, 254, 0.78);
	backdrop-filter: blur(22px) saturate(1.35);
	border-bottom: 1px solid rgba(148, 163, 184, 0.22);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.82),
		0 1px 0 rgba(148, 163, 184, 0.12),
		0 26px 60px rgba(15, 23, 42, 0.08);
	transition:
		background 0.35s cubic-bezier(0.22, 0.74, 0.25, 1),
		border-color 0.35s ease,
		box-shadow 0.42s ease;
}

.site-header.site-header--enterprise::before {
	content: "";
	position: absolute;
	left: 10%;
	right: 10%;
	bottom: 0;
	height: 1px;
	opacity: 0.55;
	border-radius: 999px;
	pointer-events: none;
	z-index: 2;
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(56, 189, 248, 0.42) 32%,
		rgba(129, 140, 248, 0.45) 58%,
		transparent 100%
	);
}

html[data-theme="dark"] .site-header.site-header--enterprise {
	background:
		radial-gradient(1000px 90px at 50% -20%, rgba(56, 189, 248, 0.1), transparent 68%),
		rgba(6, 8, 18, 0.85);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.05),
		0 1px 0 rgba(148, 163, 184, 0.1),
		0 28px 70px rgba(0, 0, 0, 0.45);
	border-bottom-color: rgba(129, 140, 248, 0.15);
}

.site-header.site-header--enterprise.is-scrolled {
	background:
		radial-gradient(900px 70px at 50% -20%, rgba(56, 189, 248, 0.1), transparent 65%),
		rgba(7, 10, 24, 0.92);
	color: rgba(226, 232, 240, 0.98);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.06),
		0 18px 50px rgba(0, 0, 0, 0.5),
		0 1px 0 rgba(148, 163, 184, 0.14);
	border-bottom-color: rgba(148, 163, 184, 0.12);
}

.site-header.site-header--enterprise.is-scrolled .site-title.site-title--premium,
.site-header.site-header--enterprise.is-scrolled .primary-nav .menu > li > a:not([class*="btn"]) {
	color: rgba(226, 232, 240, 0.95) !important;
}

.site-header.site-header--enterprise .site-header__inner {
	align-items: center;
	position: relative;
	min-height: 76px;
}

/* Wordmark ------------------------------------------------------------ */
.site-header.site-header--enterprise .site-title.site-title--premium {
	position: relative;
	display: inline-flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0;
	font-family: var(--font-display);
	font-weight: 800;
	font-size: clamp(1.15rem, 0.42vw + 1.06rem, 1.42rem);
	letter-spacing: -0.03em;
	line-height: 1.06;
	text-decoration: none;
	color: rgba(30, 41, 59, 0.94);
	background: none !important;
	-webkit-background-clip: unset !important;
	background-clip: unset !important;
	transition: filter 0.25s ease;
}

.site-header.site-header--enterprise .site-title.site-title--premium .site-title__mark {
	display: inline-flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0;
}

.site-header.site-header--enterprise .site-title.site-title--premium .site-title__word {
	display: inline-flex;
	align-items: baseline;
	white-space: nowrap;
	font-weight: 800;
	color: inherit;
}

.site-header.site-header--enterprise .site-title.site-title--premium .site-title__hl {
	display: inline-block;
	position: relative;
	font-weight: 900;
	line-height: 1;
	vertical-align: -0.04em;
	letter-spacing: -0.04em;
	transform: translateY(-0.04em);
	color: transparent;
	background-image: linear-gradient(132deg, #0ea5e9 15%, #6366f1 52%, #38bdf8 100%);
	background-size: 130% auto;
	background-position: center;
	-webkit-background-clip: text;
	background-clip: text;
	filter: drop-shadow(0 1px 8px rgba(56, 189, 248, 0.16));
	transition:
		transform 0.22s cubic-bezier(0.22, 0.74, 0.25, 1),
		filter 0.25s ease;
}

.site-header.site-header--enterprise .site-title.site-title--premium:hover .site-title__hl {
	transform: translateY(-0.07em);
	filter:
		drop-shadow(0 3px 12px rgba(56, 189, 248, 0.32))
		saturate(1.08);
}

.site-header.site-header--enterprise .site-title.site-title--premium:hover {
	filter: saturate(1.06);
	text-decoration: none;
}

.site-header.site-header--enterprise .site-title.site-title--premium::after {
	content: "";
	position: absolute;
	left: -0.15rem;
	right: -0.15rem;
	bottom: -6px;
	height: 2px;
	opacity: 0;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(56, 189, 248, 0.85), rgba(129, 140, 248, 0.75));
	transition: opacity 0.28s ease, transform 0.28s ease;
	transform-origin: center;
	transform: scaleX(0.35);
	filter: blur(0.35px);
}

.site-header.site-header--enterprise .site-title.site-title--premium:hover::after {
	opacity: 0.92;
	transform: scaleX(1);
}

html[data-theme="dark"] .site-header.site-header--enterprise:not(.is-scrolled) .site-title.site-title--premium {
	color: rgba(241, 245, 249, 0.95);
}

.site-header.site-header--enterprise.is-scrolled .site-title.site-title--premium {
	color: rgba(248, 250, 252, 0.96);
}

.site-header.site-header--enterprise.is-scrolled .site-title.site-title--premium .site-title__hl {
	background-image: linear-gradient(118deg, #e0f2fe 8%, rgba(125, 211, 252, 0.95) 52%, rgba(129, 140, 248, 0.85) 100%);
	filter:
		drop-shadow(0 2px 14px rgba(56, 189, 248, 0.28))
		saturate(1.06);
}

.site-header.site-header--enterprise .site-branding .custom-logo-link img {
	filter: drop-shadow(0 4px 12px rgba(15, 23, 42, 0.12));
	max-height: 46px !important;
}



html[data-theme="dark"] .site-header.site-header--enterprise:not(.is-scrolled) .primary-nav .menu > li > a:not([class*="btn"]) {
	color: rgba(226, 232, 240, 0.88);
}

.site-header.site-header--enterprise:not(.is-scrolled) .primary-nav .menu > li > a:not([class*="btn"]) {
	color: rgba(30, 41, 59, 0.86);
	font-weight: 600;
	font-size: 0.834rem;
	letter-spacing: 0.04em;
}

/* Pill navigation rail ----------------------------------------------- */
.site-header.site-header--enterprise .primary-nav .menu {
	gap: 0.08rem !important;
	padding: 0.28rem !important;
	margin: 0 !important;
	background: rgba(15, 23, 42, 0.04);
	border-radius: 999px;
	border: 1px solid rgba(148, 163, 184, 0.16);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.55),
		0 14px 40px rgba(15, 23, 42, 0.05);
	transition: border-color 0.28s ease, box-shadow 0.35s ease, background-color 0.28s ease;
}

html[data-theme="dark"] .site-header.site-header--enterprise .primary-nav .menu {
	background: rgba(0, 0, 0, 0.2);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.05),
		0 16px 40px rgba(0, 0, 0, 0.38);
	border-color: rgba(148, 163, 184, 0.12);
}

.site-header.site-header--enterprise.is-scrolled .primary-nav .menu {
	background: rgba(255, 255, 255, 0.05);
	border-color: rgba(148, 163, 184, 0.16);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		0 22px 50px rgba(0, 0, 0, 0.32);
}

.site-header.site-header--enterprise .primary-nav .menu > li > a:not([class*="btn"]) {
	border-radius: 999px !important;
	padding: 0.52rem 0.94rem !important;
	font-weight: 650 !important;
	font-size: 0.8rem !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase;
	opacity: 0.95 !important;
	transition:
		background-color 0.22s ease,
		box-shadow 0.28s ease,
		transform 0.18s cubic-bezier(0.22, 0.74, 0.25, 1),
		color 0.22s ease,
		opacity 0.22s ease !important;
}

.site-header.site-header--enterprise .primary-nav .menu > li:not(.menu-item-has-children) > a:not([class*="btn"]):hover {
	background: rgba(37, 99, 235, 0.1) !important;
	box-shadow:
		inset 0 0 0 1px rgba(56, 189, 248, 0.15),
		0 12px 32px rgba(37, 99, 235, 0.1);
	opacity: 1 !important;
}

.site-header.site-header--enterprise.is-scrolled .primary-nav .menu > li:not(.menu-item-has-children) > a:not([class*="btn"]):hover {
	background: rgba(56, 189, 248, 0.12) !important;
	box-shadow:
		inset 0 0 0 1px rgba(56, 189, 248, 0.22),
		0 16px 40px rgba(0, 0, 0, 0.38);
	color: #f8fafc !important;
}

.site-header.site-header--enterprise .primary-nav .menu > li.menu-item-has-children > a:not([class*="btn"]):hover {
	background: rgba(37, 99, 235, 0.1) !important;
	box-shadow:
		inset 0 0 0 1px rgba(56, 189, 248, 0.15),
		0 12px 32px rgba(37, 99, 235, 0.1);
	opacity: 1 !important;
}

.site-header.site-header--enterprise.is-scrolled .primary-nav .menu > li.menu-item-has-children > a:not([class*="btn"]):hover {
	background: rgba(56, 189, 248, 0.12) !important;
	box-shadow:
		inset 0 0 0 1px rgba(56, 189, 248, 0.22),
		0 16px 40px rgba(0, 0, 0, 0.38);
	color: #f8fafc !important;
}

.site-header.site-header--enterprise .primary-nav .menu > li.current-menu-item > a:not([class*="btn"]),
.site-header.site-header--enterprise .primary-nav .menu > li.current_page_item > a:not([class*="btn"]) {
	background: linear-gradient(120deg, rgba(56, 189, 248, 0.18), rgba(99, 102, 241, 0.2)) !important;
	box-shadow:
		inset 0 0 0 1px rgba(56, 189, 248, 0.32),
		0 14px 40px rgba(37, 99, 235, 0.12);
	color: #0f172a !important;
}

.site-header.site-header--enterprise.is-scrolled .primary-nav .menu > li.current-menu-item > a:not([class*="btn"]),
.site-header.site-header--enterprise.is-scrolled .primary-nav .menu > li.current_page_item > a:not([class*="btn"]),
html[data-theme="dark"] .site-header.site-header--enterprise .primary-nav .menu > li.current-menu-item > a:not([class*="btn"]),
html[data-theme="dark"] .site-header.site-header--enterprise .primary-nav .menu > li.current_page_item > a:not([class*="btn"]) {
	color: rgba(248, 250, 252, 0.98) !important;
	box-shadow:
		inset 0 0 0 1px rgba(125, 211, 252, 0.32),
		0 14px 40px rgba(56, 189, 248, 0.1);
}

/* Center nav rail on larger viewports -------------------------------- */
@media (min-width: 1100px) {
	.site-header.site-header--enterprise .site-header__inner {
		display: grid;
		grid-template-columns:
			minmax(140px, 1fr)
			minmax(0, auto)
			minmax(140px, 1fr);
		align-items: center;
		column-gap: clamp(1rem, 2vw, 1.85rem);
	}

	.site-header.site-header--enterprise .site-branding {
		justify-self: start;
		grid-column: 1;
	}

	.site-header.site-header--enterprise .primary-nav {
		grid-column: 2;
		justify-self: center;
		width: max-content;
		max-width: 100%;
	}

	.site-header.site-header--enterprise .nav-toggle {
		display: none;
		grid-column: 3;
		justify-self: end;
	}

	.site-header.site-header--enterprise .site-header__actions {
		grid-column: 3;
		justify-self: end;
		margin-left: 0 !important;
		flex-wrap: nowrap;
		gap: 0.72rem !important;
		z-index: 3;
	}
}

.site-header.site-header--enterprise .primary-nav .menu-item-has-children > .sub-menu {
	top: calc(100% + 0.55rem) !important;
	border-radius: 16px !important;
	border-color: rgba(148, 163, 184, 0.18) !important;
	background:
		radial-gradient(560px 80px at 18% -20%, rgba(56, 189, 248, 0.1), transparent 65%),
		rgba(10, 13, 28, 0.92) !important;
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.05) inset,
		0 40px 100px rgba(0, 0, 0, 0.5) !important;
	backdrop-filter: blur(20px);
}

html[data-theme="light"] .site-header.site-header--enterprise:not(.is-scrolled) .primary-nav .menu-item-has-children > .sub-menu {
	background:
		radial-gradient(560px 80px at 80% -20%, rgba(99, 102, 241, 0.08), transparent 60%),
		rgba(255, 255, 255, 0.94) !important;
	border-color: rgba(148, 163, 184, 0.2) !important;
}

html[data-theme="light"]
	.site-header.site-header--enterprise:not(.is-scrolled)
	.primary-nav
	.menu-item-has-children
	> .sub-menu
	a {
	color: #0f172a !important;
}

.site-header.site-header--enterprise .primary-nav .sub-menu a:hover,
.site-header.site-header--enterprise .primary-nav .sub-menu a:focus-visible {
	background: rgba(56, 189, 248, 0.08) !important;
	color: #38bdf8 !important;
}

/* Actions: theme toggle + CTA ---------------------------------------- */
.site-header.site-header--enterprise .theme-toggle {
	width: 40px !important;
	height: 40px !important;
	display: grid;
	place-items: center;
	border-radius: 999px !important;
	background: rgba(15, 23, 42, 0.04);
	border-color: rgba(148, 163, 184, 0.22);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
	transition:
		transform 0.2s cubic-bezier(0.22, 0.74, 0.25, 1),
		border-color 0.22s ease,
		box-shadow 0.26s ease;
	color: inherit;
}

html[data-theme="dark"] .site-header.site-header--enterprise .theme-toggle {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(148, 163, 184, 0.18);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
	color: rgba(226, 232, 240, 0.9);
}

.site-header.site-header--enterprise.is-scrolled .theme-toggle {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(148, 163, 184, 0.26);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		0 12px 32px rgba(0, 0, 0, 0.32);
	color: rgba(226, 232, 240, 0.95);
}

.site-header.site-header--enterprise .theme-toggle:hover {
	transform: translateY(-1px);
	border-color: rgba(56, 189, 248, 0.42);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.42),
		0 14px 40px rgba(37, 99, 235, 0.12);
}

.site-header.site-header--enterprise .site-header__actions .btn-header {
	position: relative;
	border-radius: 999px !important;
	overflow: clip;
	min-height: 44px !important;
	padding-inline: 1.32rem !important;
	font-weight: 750 !important;
	letter-spacing: 0.04em !important;
	font-size: 0.834rem !important;
	border: 1px solid rgba(56, 189, 248, 0.35);
	background-image: linear-gradient(115deg, #0ea5e9 0%, #6366f1 48%, #4f46e5 112%) !important;
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.12) inset,
		0 18px 48px rgba(79, 70, 229, 0.32),
		0 0 40px rgba(56, 189, 248, 0.12);
	transition:
		transform 0.22s cubic-bezier(0.22, 0.74, 0.25, 1),
		box-shadow 0.35s ease;
}

.site-header.site-header--enterprise .site-header__actions .btn-header:hover {
	transform: translateY(-2px);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.16) inset,
		0 26px 60px rgba(79, 70, 229, 0.42),
		0 0 52px rgba(56, 189, 248, 0.18);
}

.site-header.site-header--enterprise .site-header__actions .btn-header:active {
	transform: translateY(0);
}

.site-header.site-header--enterprise .site-header__actions .btn-header::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0.28;
	background: radial-gradient(circle at 18% -20%, rgba(255, 255, 255, 0.6), transparent 55%);
}

/* Mobile — premium drawer -------------------------------------------- */
@media (max-width: 768px) {
	.site-header.site-header--enterprise .nav-toggle {
		width: 44px;
		height: 42px;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 5px;
		padding: 0;
		border-radius: 14px;
		border: 1px solid rgba(148, 163, 184, 0.22);
		background: rgba(15, 23, 42, 0.04);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
	}

	html[data-theme="dark"] .site-header.site-header--enterprise .nav-toggle {
		background: rgba(255, 255, 255, 0.05);
		border-color: rgba(148, 163, 184, 0.16);
	}

	.site-header.site-header--enterprise .site-header__actions .btn-header,
	.site-header.site-header--enterprise .site-header__actions .hero-premium__btn--header {
		display: none;
	}

	.site-header.site-header--enterprise .primary-nav {
		top: 72px !important;
		right: clamp(12px, 4vw, 22px);
		left: auto !important;
		width: min(420px, calc(100vw - 24px)) !important;
		margin-inline: unset !important;
		margin-right: clamp(12px, 4vw, 22px);
		transform: translate3d(118%, 0, 0) !important;
		border-radius: 22px;
		overflow-y: auto;
		max-height: min(560px, calc(100vh - 88px));
		background:
			radial-gradient(420px 100px at 92% -20%, rgba(56, 189, 248, 0.12), transparent),
			rgba(8, 10, 22, 0.95) !important;
		border: 1px solid rgba(148, 163, 184, 0.16);
		box-shadow:
			0 0 0 1px rgba(255, 255, 255, 0.05) inset,
			0 40px 100px rgba(0, 0, 0, 0.52);
		backdrop-filter: blur(18px) saturate(1.08);
		-webkit-backdrop-filter: blur(18px) saturate(1.08);
		transition:
			opacity 0.42s cubic-bezier(0.22, 1, 0.36, 1),
			transform 0.45s cubic-bezier(0.22, 1, 0.36, 1) !important;
	}

	html[data-theme="light"] .site-header.site-header--enterprise .primary-nav {
		background:
			radial-gradient(420px 100px at 92% -20%, rgba(99, 102, 241, 0.1), transparent),
			rgba(255, 255, 255, 0.97) !important;
		box-shadow:
			0 0 0 1px rgba(255, 255, 255, 0.75) inset,
			0 40px 100px rgba(15, 23, 42, 0.12);
	}

	.site-header.site-header--enterprise .primary-nav.is-open {
		transform: translate3d(0, 0, 0) !important;
		opacity: 1 !important;
		pointer-events: auto !important;
	}

	.site-header.site-header--enterprise .primary-nav .menu {
		width: 100%;
		flex-direction: column !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		flex-wrap: nowrap !important;
		padding: 0.42rem !important;
		border-radius: 17px !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.06),
			0 14px 40px rgba(0, 0, 0, 0.38);
	}

	.site-header.site-header--enterprise .primary-nav .menu > li > a:not([class*="btn"]) {
		width: 100%;
		text-align: left;
		justify-content: flex-start;
		padding: 0.62rem 0.94rem !important;
		border-radius: 13px !important;
		text-transform: none !important;
		font-size: 0.94rem !important;
		font-weight: 650 !important;
		letter-spacing: 0.02em !important;
	}

	html[data-theme="light"] .site-header.site-header--enterprise .primary-nav .menu > li > a:not([class*="btn"]) {
		color: #0f172a !important;
	}
}