/**
 * Premium global header — Travhawk (light primary bar + dark secondary bar).
 * Loads after secondary-header-nav.css.
 */

/*
 * Legacy aliases — canonical tokens live in travhawk-design-system.css (--th-*).
 * Fallback literals preserve header styling if design-system is not loaded.
 */
:root {
	--ahp-accent: var(--th-color-accent, #176eba);
	--ahp-accent-muted: var(--th-color-accent-muted, rgba(23, 110, 186, 0.35));
	--ahp-ink: var(--th-color-ink, #000000);
	--ahp-ink-soft: var(--th-color-ink-soft, #333333);
	--ahp-bar-light: var(--th-color-bg-warm, #faf8f8);
	--ahp-bar-light-edge: var(--th-color-border, rgba(84, 89, 95, 0.14));
	--ahp-glass: var(--th-surface-glass, rgba(22, 24, 26, 0.82));
	--ahp-blur: var(--th-blur-glass, 18px);
	--ahp-shadow: var(--th-shadow-lg, 0 18px 60px rgba(0, 0, 0, 0.28));
	--ahp-radius-pill: var(--th-radius-pill, 999px);
	--ahp-transition: 0.3s var(--th-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
	--ahp-nav-pill-bg: var(--th-header-nav-pill-bg, linear-gradient(180deg, #32373c 0%, #27292b 52%, #1e2023 100%));
	--ahp-nav-pill-border: var(--th-header-nav-pill-border, rgba(255, 255, 255, 0.12));
	--ahp-nav-pill-text: var(--th-header-nav-pill-text, rgba(255, 255, 255, 0.94));
	--ahp-nav-pill-shadow: var(--th-header-nav-pill-shadow, 0 4px 16px rgba(0, 0, 0, 0.22), 0 1px 0 rgba(255, 255, 255, 0.06) inset);
	--ahp-nav-pill-hover-bg: var(--th-header-nav-pill-hover-bg, linear-gradient(180deg, #3d4349 0%, #32373c 52%, #27292b 100%));
	--ahp-nav-pill-hover-border: var(--th-header-nav-pill-hover-border, rgba(87, 214, 226, 0.5));
	--ahp-nav-pill-current-bg: var(--th-header-nav-pill-current-bg, linear-gradient(180deg, #2a4d6e 0%, #1f3f58 52%, #16181a 100%));
	--ahp-nav-pill-current-border: var(--th-header-nav-pill-current-border, rgba(110, 193, 228, 0.55));
	--ahp-home-notch-half: var(--th-home-notch-half, 8px);
	--ahp-home-notch-depth: var(--th-home-notch-depth, 10px);
	--ahp-home-notch-lift: var(--th-home-notch-lift, -14px);
}

html {
	scroll-padding-top: clamp(5rem, 14vh, 9rem);
}

#main-header.site-header {
	z-index: 1020;
	transition:
		background-color var(--ahp-transition),
		box-shadow var(--ahp-transition),
		backdrop-filter var(--ahp-transition);
}

/* ----- Secondary row: seamless dark bar (no black “cards”) ----- */
#main-header.site-header .secondary-header {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	background: var(--th-gradient-header-dark, linear-gradient(180deg, #27292b 0%, #16181a 100%));
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	overflow: visible !important;
}

#main-header.site-header #mega-menu-wrap-secondary-nav,
#main-header.site-header #mega-menu-wrap-secondary-nav > ul,
#main-header.site-header #mega-menu-secondary-nav,
#main-header.site-header .secondary-header__right,
#main-header.site-header .secondary-header__right > ul.menu,
#main-header.site-header .secondary-header__trustpilot,
#main-header.site-header .secondary-header__trustpilot a {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
}

#main-header.site-header #mega-menu-secondary-nav > li,
#main-header.site-header .secondary-header__right > ul.menu > li {
	background: transparent !important;
}

#main-header.site-header .secondary-header .secondary-header__nav-switch a,
#main-header.site-header .secondary-header .menu-top-nav-business-type-container a {
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--th-color-on-dark-muted) !important;
	transition: color 0.25s ease, background 0.25s ease;
	background: transparent !important;
}

#main-header.site-header .secondary-header .secondary-header__nav-switch li.current-menu-item > a,
#main-header.site-header .secondary-header .secondary-header__nav-switch a:hover,
#main-header.site-header .secondary-header .menu-top-nav-business-type-container a:hover {
	color: var(--th-color-inverse) !important;
}

#main-header.site-header .secondary-header .separator {
	background: rgba(255, 255, 255, 0.12) !important;
	height: 18px;
	align-self: center;
}

/* Strip stray plugin pseudos on top nav (Residential/Business links). */
#main-header.site-header .secondary-header .menu-top-nav-business-type-container li::before,
#main-header.site-header .secondary-header .menu-top-nav-business-type-container li::after {
	content: none !important;
	display: none !important;
}

#main-header.site-header .secondary-header .menu-top-nav-business-type-container a::before,
#main-header.site-header .secondary-header .menu-top-nav-business-type-container a::after {
	content: none !important;
}

/*
 * Homepage tab notch — DOM node in header.php (robust vs RUCSS / pseudo quirks).
 * White triangle pointing up into the dark secondary bar, centered on the logo wrap / sticky mark.
 */
body.airband-front-home #wrapper,
#main-header.site-header:has(.primary-header__home-notch) {
	overflow: visible !important;
}

#main-header.site-header:has(.primary-header__home-notch) .primary-header,
#main-header.site-header:has(.primary-header__home-notch) .primary-header .container,
#main-header.site-header:has(.primary-header__home-notch) .primary-header__nav,
#main-header.site-header:has(.primary-header__home-notch) .primary-header__brand {
	overflow: visible !important;
}

#main-header.site-header .primary-header__brand {
	position: relative;
	z-index: 2;
}

/* Front-page seam tab must stack above the dark secondary strip at the overlap */
body.airband-front-home #main-header.site-header .primary-header__brand {
	z-index: 25 !important;
	isolation: isolate;
}

#main-header.site-header .primary-header__logo-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	max-width: 100%;
}

/* Triangle drawn by inline SVG in {@see airband_home_notch_markup()} — survives CSS purge */
#main-header.site-header .primary-header__home-notch {
	position: absolute;
	left: 50%;
	bottom: 100%;
	transform: translate(-50%, var(--ahp-home-notch-lift));
	z-index: 99999;
	pointer-events: none;
	line-height: 0;
	display: block;
}

#main-header.site-header .primary-header__home-notch svg {
	display: block;
	width: 16px;
	height: 10px;
	filter: drop-shadow(0 1px 1px rgba(var(--th-rgb-woodsmoke), 0.35));
}

/* Home tab notch — hide when sticky so it never floats over hero / glass bar */
#main-header.site-header.state--fixed .primary-header__home-notch {
	display: none !important;
}

#main-header.site-header .primary-header__logo-sticky {
	position: relative;
	overflow: visible !important;
}

/* Home/active state: white tab above logo only — see {@see airband_home_notch_markup()} */

/* Same overflow chain when :has() is not available (older browsers) */
body.airband-front-home #main-header.site-header,
body.airband-front-home #main-header.site-header .primary-header,
body.airband-front-home #main-header.site-header .primary-header .container,
body.airband-front-home #main-header.site-header .primary-header__nav,
body.airband-front-home #main-header.site-header .primary-header__brand {
	overflow: visible !important;
}

#main-header.site-header #mega-menu-secondary-nav > li.mega-menu-item > a.mega-menu-link {
	font-size: 0.90625rem !important;
	font-weight: 500 !important;
	letter-spacing: 0.02em !important;
	color: var(--th-color-on-dark-soft) !important;
	padding: 0.45rem 0.75rem !important;
	border-radius: 8px;
	background: transparent !important;
	transition: color 0.25s ease, background 0.25s ease;
	line-height: 1.2 !important;
	display: inline-flex !important;
	align-items: center !important;
}

#main-header.site-header #mega-menu-secondary-nav > li.mega-menu-item > a.mega-menu-link:hover,
#main-header.site-header #mega-menu-secondary-nav > li.mega-menu-item > a.mega-menu-link:focus {
	color: var(--th-palette-white) !important;
	background: rgba(255, 255, 255, 0.08) !important;
}

#main-header.site-header #mega-menu-secondary-nav > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
	color: var(--th-palette-white) !important;
	background: rgba(255, 255, 255, 0.06) !important;
	box-shadow: inset 0 -2px 0 var(--ahp-accent);
}

#main-header.site-header #mega-menu-wrap-secondary-nav #mega-menu-secondary-nav > li > ul.mega-sub-menu {
	border-radius: 14px !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	box-shadow: var(--ahp-shadow) !important;
	background: rgba(var(--th-rgb-woodsmoke), 0.96) !important;
	backdrop-filter: blur(var(--ahp-blur));
	-webkit-backdrop-filter: blur(var(--ahp-blur));
	margin-top: 0.35rem !important;
}

#main-header.site-header #mega-menu-wrap-secondary-nav .mega-sub-menu a:hover {
	color: var(--ahp-accent) !important;
}

/* ----- Desktop (≥1200px): top bar — left switch | right cluster (mega + Trustpilot); primary “logo | nav | search” ----- */
@media (min-width: 1200px) {
	#main-header.site-header .secondary-header .secondary-header__nav {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: center !important;
		width: 100%;
		min-height: 44px;
		gap: 0.5rem 1rem;
	}

	#main-header.site-header .secondary-header .menu-top-nav-business-type-container,
	#main-header.site-header .secondary-header nav.menu-top-nav-business-type-container {
		flex: 0 0 auto !important;
	}

	#main-header.site-header .secondary-header .secondary-header__right {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: flex-end !important;
		flex: 0 1 auto !important;
		min-width: 0 !important;
		gap: 1rem !important;
	}

	#main-header.site-header .secondary-header .secondary-header__nav-switch,
	#main-header.site-header .secondary-header .menu-top-nav-business-type-container > ul,
	#main-header.site-header .secondary-header .menu-top-nav-business-type-container ul.secondary-header__nav-switch {
		display: flex !important;
		align-items: center !important;
		flex-wrap: wrap;
		gap: 0.35rem 1.25rem;
		margin: 0 !important;
		padding: 0 !important;
	}

	#main-header.site-header .secondary-header .secondary-header__trustpilot {
		display: flex !important;
		align-items: center !important;
	}

	#main-header.site-header #mega-menu-wrap-secondary-nav #mega-menu-secondary-nav.mega-menu-horizontal,
	#main-header.site-header #mega-menu-wrap-secondary-nav > ul#mega-menu-secondary-nav {
		justify-content: flex-end !important;
	}

	#main-header.site-header .secondary-header .secondary-header__right > ul.menu[id^="menu-"],
	#main-header.site-header .secondary-header .secondary-header__right > ul.menu {
		justify-content: flex-end !important;
	}

	/* Hide mobile-only postcode field inside brand; desktop uses .primary-header__form */
	#main-header.site-header .primary-header__brand .coverage-form-m {
		display: none !important;
	}

	#main-header.site-header .primary-header__form {
		display: block !important;
	}

	/*
	 * Logo (intrinsic) | flexible band with nav visually centred | search aligned to trailing edge.
	 * NOT 1fr auto 1fr — that splits leftover space equally left/right of the nav, so a narrow logo +
	 * wide search pulls the pill cluster toward the right. Use auto | 1fr | auto instead.
	 */
	#main-header.site-header .primary-header .primary-header__nav {
		display: grid !important;
		grid-template-columns: auto minmax(0, 1fr) auto !important;
		align-items: center !important;
		column-gap: clamp(1.25rem, 3vw, 2.75rem) !important;
		row-gap: 0.75rem !important;
		width: 100% !important;
	}

	#main-header.site-header .primary-header__brand {
		grid-column: 1;
		justify-self: start;
		align-self: center;
		flex: initial !important;
		display: flex !important;
		align-items: center !important;
		gap: 0.75rem;
		min-width: 0;
		max-width: 100%;
	}

	#main-header.site-header .primary-header__nav-primary-wrapper {
		grid-column: 2;
		justify-self: center;
		align-self: center;
		width: max-content;
		max-width: 100%;
		display: flex !important;
		justify-content: center !important;
		min-width: 0;
	}

	#main-header.site-header .primary-header__nav-primary-wrapper .menu-primary-nav-container,
	#main-header.site-header .primary-header__nav-primary-wrapper [class*="mega-menu-wrap"] {
		width: auto;
		max-width: 100%;
		display: flex !important;
		justify-content: center !important;
	}

	#main-header.site-header .primary-header__nav-primary,
	#main-header.site-header .primary-header__nav-primary-wrapper [class*="mega-menu-wrap"] > ul {
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 0.45rem 0.4rem !important;
		margin: 0 !important;
		width: auto !important;
		max-width: 100%;
	}

	#main-header.site-header .primary-header__form {
		grid-column: 3;
		justify-self: end;
		align-self: center;
		width: 100%;
		max-width: min(480px, 92vw);
		min-width: 0;
	}

	#main-header.site-header .primary-header__form .coverage-form,
	#main-header.site-header .primary-header__form .coverage-form-wrapper {
		width: 100%;
		max-width: 100%;
	}

	/* Primary link scale on large screens */
	#main-header.site-header .primary-header__nav-primary > li > a,
	#main-header.site-header .primary-header__nav-primary-wrapper .mega-menu-link,
	#main-header.site-header .primary-header__nav-primary-wrapper [class*="mega-menu-wrap"]:not([id*="secondary"]) > ul > li > a.mega-menu-link {
		font-size: clamp(0.9rem, 0.72vw + 0.82rem, 0.97rem) !important;
	}

	/* Desktop search (right column) height matches premium pill */
	#main-header.site-header:not(.state--fixed) .primary-header__form .coverage-form .search-form.submit-icon {
		min-height: 52px;
	}
}

/* ----- Primary row: light bar + dark readable links (when not sticky) ----- */
#main-header.site-header:not(.state--fixed) .primary-header {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	background: linear-gradient(180deg, var(--th-color-bg-cream) 0%, var(--ahp-bar-light) 100%);
	border-bottom: 1px solid rgba(var(--th-rgb-abbey), 0.08);
	box-shadow: 0 4px 24px rgba(var(--th-rgb-woodsmoke), 0.03);
}

#main-header.site-header:not(.state--fixed) .primary-header .container {
	max-width: min(100%, var(--th-container-xxl)) !important;
	width: 100%;
}

#main-header.site-header:not(.state--fixed) .primary-header__nav-primary > li > a,
#main-header.site-header:not(.state--fixed) .menu-primary-nav-container .primary-header__nav-primary > li > a,
#main-header.site-header:not(.state--fixed) .primary-header__nav-primary-wrapper .mega-menu-link,
#main-header.site-header:not(.state--fixed) .primary-header__nav-primary-wrapper [class*="mega-menu-wrap"]:not([id*="secondary"]) > ul > li > a.mega-menu-link {
	font-size: clamp(0.9rem, 0.35vw + 0.85rem, 0.98rem) !important;
	font-weight: 600 !important;
	letter-spacing: 0.015em !important;
	padding: 0.5rem 0.85rem !important;
	border-radius: 999px;
	color: var(--ahp-nav-pill-text) !important;
	background: var(--ahp-nav-pill-bg) !important;
	border: 1px solid var(--ahp-nav-pill-border) !important;
	box-shadow: var(--ahp-nav-pill-shadow);
	transition:
		color var(--ahp-transition),
		background var(--ahp-transition),
		border-color var(--ahp-transition),
		box-shadow var(--ahp-transition),
		transform 0.25s ease;
}

#main-header.site-header:not(.state--fixed) .primary-header__nav-primary > li > a:hover,
#main-header.site-header:not(.state--fixed) .primary-header__nav-primary > li > a:focus,
#main-header.site-header:not(.state--fixed) .primary-header__nav-primary-wrapper .mega-menu-link:hover,
#main-header.site-header:not(.state--fixed) .primary-header__nav-primary-wrapper [class*="mega-menu-wrap"]:not([id*="secondary"]) > ul > li > a.mega-menu-link:hover {
	color: var(--th-palette-white) !important;
	background: var(--ahp-nav-pill-hover-bg) !important;
	border-color: var(--ahp-nav-pill-hover-border) !important;
	box-shadow:
		0 8px 28px rgba(var(--th-rgb-woodsmoke), 0.28),
		0 1px 0 rgba(255, 255, 255, 0.1) inset;
	transform: translateY(-1px);
}

#main-header.site-header:not(.state--fixed) .primary-header__nav-primary > li.current-menu-item > a,
#main-header.site-header:not(.state--fixed) .primary-header__nav-primary > li.current-menu-ancestor > a,
#main-header.site-header:not(.state--fixed) .primary-header__nav-primary-wrapper .mega-current-menu-item > a.mega-menu-link,
#main-header.site-header:not(.state--fixed) .primary-header__nav-primary-wrapper [class*="mega-menu-wrap"]:not([id*="secondary"]) li.mega-current-menu-item > a.mega-menu-link {
	color: var(--th-palette-white) !important;
	background: var(--ahp-nav-pill-current-bg) !important;
	border-color: var(--ahp-nav-pill-current-border) !important;
	box-shadow:
		0 0 0 1px var(--th-glow-turquoise-25, rgba(87, 214, 226, 0.25)),
		0 10px 28px var(--th-glow-turquoise-12, rgba(87, 214, 226, 0.12)),
		0 1px 0 rgba(255, 255, 255, 0.08) inset !important;
}

/* Kill harsh theme blue blocks / btn classes on primary links */
#main-header.site-header:not(.state--fixed) .primary-header__nav-primary > li > a.bg-brand-blue,
#main-header.site-header:not(.state--fixed) .primary-header .btn-brand {
	background: var(--ahp-nav-pill-bg) !important;
	color: var(--ahp-nav-pill-text) !important;
	border-color: var(--ahp-nav-pill-border) !important;
}

#main-header.site-header .primary-header__brand .custom-logo-link img {
	transition: opacity var(--ahp-transition), transform var(--ahp-transition);
}

#main-header.site-header .primary-header__brand a:hover img {
	transform: translateY(-1px);
}

/* Coverage search — turquoise rim (brand), soft inner highlight */
#main-header.site-header:not(.state--fixed) .coverage-form .search-form.submit-icon,
#main-header.site-header:not(.state--fixed) .coverage-form-m .coverage-form .search-form.submit-icon {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	border-radius: var(--ahp-radius-pill) !important;
	border: 2px solid var(--th-palette-turquoise) !important;
	background: linear-gradient(180deg, var(--th-palette-white) 0%, var(--th-color-bg-warm) 100%) !important;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 1) inset,
		0 12px 36px rgba(var(--th-rgb-turquoise), 0.12),
		0 2px 8px rgba(var(--th-rgb-denim), 0.06) !important;
	min-height: 52px;
}

#main-header.site-header:not(.state--fixed) .coverage-form .search-form.submit-icon:focus-within,
#main-header.site-header:not(.state--fixed) .coverage-form-m .coverage-form .search-form.submit-icon:focus-within {
	border-color: var(--th-palette-denim) !important;
	box-shadow:
		0 0 0 3px rgba(var(--th-rgb-turquoise), 0.28),
		0 16px 44px rgba(var(--th-rgb-denim), 0.1),
		0 1px 0 rgba(255, 255, 255, 1) inset !important;
}

#main-header.site-header .coverage-form .search-form .form-control.search-field {
	font-size: 0.9375rem !important;
	padding: 0.78rem 1.2rem !important;
	color: var(--ahp-ink) !important;
	letter-spacing: 0.025em;
	font-weight: 500;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

#main-header.site-header .coverage-form .search-form .form-control.search-field::placeholder {
	color: rgba(var(--th-rgb-abbey), 0.58);
	opacity: 1;
}

#main-header.site-header .coverage-form .search-form .search-submit {
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	padding: 0 !important;
	margin: 4px 6px 4px 0 !important;
	border-radius: 50% !important;
	background: var(--th-interactive-fill, var(--th-palette-turquoise)) !important;
	color: var(--th-palette-white) !important;
	box-shadow:
		0 6px 22px var(--th-interactive-ring),
		0 1px 0 rgba(255, 255, 255, 0.22) inset !important;
	border: 1px solid rgba(255, 255, 255, 0.28) !important;
	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease,
		background-color 0.25s ease,
		border-color 0.25s ease !important;
	flex-shrink: 0;
	align-self: center;
}

#main-header.site-header .coverage-form .search-form .search-submit:hover,
#main-header.site-header .coverage-form .search-form .search-submit:focus-visible {
	transform: scale(1.04);
	background: var(--th-interactive-fill-hover, var(--th-palette-denim)) !important;
	box-shadow:
		0 10px 30px var(--th-interactive-ring-hover),
		0 1px 0 rgba(255, 255, 255, 0.18) inset !important;
	border-color: rgba(255, 255, 255, 0.22) !important;
	outline: none;
}

#main-header.site-header .coverage-form .search-form .search-submit img,
#main-header.site-header .coverage-form .search-form .search-submit svg {
	display: block;
	width: 18px !important;
	height: 18px !important;
	object-fit: contain;
	filter: brightness(0) invert(1) !important;
	opacity: 0.98;
}

/* ----- Sticky: single opaque dark shell (no teal/page bleed-through behind rows) ----- */
#main-header.site-header.state--fixed {
	position: fixed !important;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	background: linear-gradient(180deg, var(--th-palette-shark) 0%, var(--th-palette-woodsmoke) 100%) !important;
	background-color: var(--th-palette-woodsmoke) !important;
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.38);
}

#main-header.site-header.state--fixed .secondary-header {
	background: transparent !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

#main-header.site-header.state--fixed .primary-header {
	background: transparent !important;
	border-bottom: none !important;
	box-shadow: none !important;
}

#main-header.site-header.state--fixed .primary-header .container {
	max-width: min(100%, var(--th-container-xxl)) !important;
	width: 100%;
}

#main-header.site-header.state--fixed .primary-header__nav-primary > li > a,
#main-header.site-header.state--fixed .menu-primary-nav-container .primary-header__nav-primary > li > a,
#main-header.site-header.state--fixed .primary-header__nav-primary-wrapper .mega-menu-link,
#main-header.site-header.state--fixed .primary-header__nav-primary-wrapper [class*="mega-menu-wrap"]:not([id*="secondary"]) > ul > li > a.mega-menu-link {
	color: var(--ahp-nav-pill-text) !important;
	font-weight: 600 !important;
	letter-spacing: 0.015em !important;
	padding: 0.5rem 0.85rem !important;
	border-radius: 999px;
	background: var(--ahp-nav-pill-bg) !important;
	border: 1px solid var(--ahp-nav-pill-border) !important;
	box-shadow: var(--ahp-nav-pill-shadow);
	transition:
		color var(--ahp-transition),
		background var(--ahp-transition),
		border-color var(--ahp-transition),
		box-shadow var(--ahp-transition),
		transform 0.25s ease;
}

#main-header.site-header.state--fixed .primary-header__nav-primary > li > a:hover,
#main-header.site-header.state--fixed .primary-header__nav-primary-wrapper .mega-menu-link:hover,
#main-header.site-header.state--fixed .primary-header__nav-primary-wrapper [class*="mega-menu-wrap"]:not([id*="secondary"]) > ul > li > a.mega-menu-link:hover {
	color: var(--th-palette-white) !important;
	background: var(--ahp-nav-pill-hover-bg) !important;
	border-color: var(--ahp-nav-pill-hover-border) !important;
	box-shadow:
		0 8px 28px rgba(0, 0, 0, 0.35),
		0 1px 0 rgba(255, 255, 255, 0.1) inset;
	transform: translateY(-1px);
}

#main-header.site-header.state--fixed .primary-header__nav-primary > li.current-menu-item > a,
#main-header.site-header.state--fixed .primary-header__nav-primary-wrapper .mega-current-menu-item > a.mega-menu-link,
#main-header.site-header.state--fixed .primary-header__nav-primary-wrapper [class*="mega-menu-wrap"]:not([id*="secondary"]) li.mega-current-menu-item > a.mega-menu-link {
	color: var(--th-palette-white) !important;
	background: var(--ahp-nav-pill-current-bg) !important;
	border-color: var(--ahp-nav-pill-current-border) !important;
	box-shadow:
		0 0 0 1px var(--th-glow-turquoise-30, rgba(87, 214, 226, 0.3)),
		0 12px 36px var(--th-glow-turquoise-14, rgba(87, 214, 226, 0.14)),
		0 1px 0 rgba(255, 255, 255, 0.08) inset !important;
}

#main-header.site-header.state--fixed .coverage-form .search-form.submit-icon,
#main-header.site-header.state--fixed .coverage-form-m .coverage-form .search-form.submit-icon {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	min-height: 52px;
	/* Must match non-sticky pill — wpr snapshot can square corners when fixed */
	border-radius: var(--ahp-radius-pill) !important;
	overflow: hidden !important;
	border: 2px solid var(--th-palette-turquoise) !important;
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(250, 248, 245, 0.98) 100%) !important;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.95) inset,
		0 10px 36px rgba(0, 0, 0, 0.28),
		0 0 0 1px rgba(var(--th-rgb-turquoise), 0.2) !important;
}

#main-header.site-header.state--fixed .coverage-form .search-form.submit-icon:focus-within,
#main-header.site-header.state--fixed .coverage-form-m .coverage-form .search-form.submit-icon:focus-within {
	border-color: var(--th-palette-denim) !important;
	box-shadow:
		0 0 0 3px rgba(var(--th-rgb-turquoise), 0.25),
		0 14px 44px rgba(0, 0, 0, 0.32) !important;
}

body.admin-bar #main-header.site-header.state--fixed {
	top: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar #main-header.site-header.state--fixed {
		top: 46px;
	}
}

/* ----- Mobile overlay menu: dark panel, light link text ----- */
@media (max-width: 1199px) {
	.trustpilot-m {
		background: linear-gradient(
			90deg,
			var(--th-palette-woodsmoke) 0%,
			var(--th-palette-shark) 50%,
			var(--th-palette-woodsmoke) 100%
		) !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	}

	#main-header.site-header.toggled .primary-header__nav-primary > li > a,
	#main-header.site-header.toggled .primary-header__nav-primary-wrapper .mega-menu-link,
	#main-header.site-header.toggled .primary-header__nav-primary-wrapper [class*="mega-menu-wrap"]:not([id*="secondary"]) > ul > li > a.mega-menu-link {
		color: var(--ahp-nav-pill-text) !important;
		font-weight: 600 !important;
		padding: 0.55rem 0.9rem !important;
		border-radius: 999px;
		background: var(--ahp-nav-pill-bg) !important;
		border: 1px solid var(--ahp-nav-pill-border) !important;
		box-shadow: var(--ahp-nav-pill-shadow);
	}

	#main-header.site-header.toggled .primary-header__nav-primary > li > a:hover,
	#main-header.site-header.toggled .primary-header__nav-primary-wrapper [class*="mega-menu-wrap"]:not([id*="secondary"]) > ul > li > a.mega-menu-link:hover {
		color: var(--th-palette-white) !important;
		background: var(--ahp-nav-pill-hover-bg) !important;
		border-color: var(--ahp-nav-pill-hover-border) !important;
	}

	#main-header.site-header.toggled .primary-header__nav-primary > li.current-menu-item > a,
	#main-header.site-header.toggled .primary-header__nav-primary-wrapper li.mega-current-menu-item > a.mega-menu-link {
		color: var(--th-palette-white) !important;
		background: var(--ahp-nav-pill-current-bg) !important;
		border: 1px solid var(--ahp-nav-pill-current-border) !important;
		box-shadow:
			0 0 0 1px var(--th-glow-turquoise-25, rgba(87, 214, 226, 0.25)),
			0 10px 28px var(--th-glow-turquoise-12, rgba(87, 214, 226, 0.12)) !important;
	}

	#main-header.site-header .primary-header__toggle {
		width: 44px;
		height: 44px;
		padding: 0;
		display: inline-flex !important;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 5px;
		border-radius: 12px;
		border: 1px solid rgba(var(--th-rgb-woodsmoke), 0.12);
		background: rgba(255, 255, 255, 0.85);
		transition:
			background 0.3s ease,
			border-color 0.3s ease,
			box-shadow 0.3s ease;
	}

	#main-header.site-header:not(.toggled) .primary-header__toggle:hover,
	#main-header.site-header:not(.toggled) .primary-header__toggle:focus-visible {
		border-color: rgba(var(--th-rgb-turquoise), 0.45);
		background: var(--th-interactive-fill, var(--th-palette-turquoise));
		box-shadow: 0 6px 20px rgba(var(--th-rgb-turquoise), 0.3);
		outline: none;
	}

	#main-header.site-header:not(.toggled) .primary-header__toggle:hover span,
	#main-header.site-header:not(.toggled) .primary-header__toggle:focus-visible span {
		background: var(--th-palette-white);
	}

	#main-header.site-header .primary-header__toggle span {
		display: block;
		width: 20px;
		height: 2px;
		background: var(--ahp-ink);
		border-radius: 2px;
		transition:
			transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
			opacity 0.25s ease;
	}

	#main-header.site-header.state--fixed .primary-header__toggle,
	#main-header.site-header.toggled .primary-header__toggle {
		border-color: rgba(255, 255, 255, 0.18);
		background: rgba(255, 255, 255, 0.08);
	}

	#main-header.site-header.state--fixed .primary-header__toggle span {
		background: rgba(255, 255, 255, 0.92);
	}

	/*
	 * Close (X) icon: two bars use --th-color-on-dark-soft (white) — invisible on the light turquoise
	 * .toggled button. Use dark ink on the cream bar; keep white bars on fixed/sticky header.
	 */
	#main-header.site-header.toggled:not(.state--fixed) .primary-header__toggle span {
		background: var(--th-palette-woodsmoke) !important;
		opacity: 1 !important;
	}

	#main-header.site-header.toggled.state--fixed .primary-header__toggle span {
		background: rgba(255, 255, 255, 0.95) !important;
		opacity: 1 !important;
	}

	#main-header.site-header.toggled .primary-header__toggle {
		background: var(--th-glow-turquoise-12, rgba(87, 214, 226, 0.12));
		border-color: var(--th-glow-turquoise-35, rgba(87, 214, 226, 0.35));
	}

	#main-header.site-header.toggled .primary-header__toggle span:nth-child(1) {
		transform: translateY(7px) rotate(45deg);
	}
	#main-header.site-header.toggled .primary-header__toggle span:nth-child(2),
	#main-header.site-header.toggled .primary-header__toggle span:nth-child(3) {
		opacity: 0;
		transform: scaleX(0);
	}
	#main-header.site-header.toggled .primary-header__toggle span:nth-child(4) {
		transform: translateY(-7px) rotate(-45deg);
	}

	#main-header.site-header.toggled .primary-header__nav-primary-wrapper,
	#main-header.site-header.toggled .secondary-header {
		animation: ahpPanelIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
	}

	/* Secondary mega — no list bullets; chevron / indicator stays on the right (not under label) */
	#main-header.site-header.toggled .primary-header__nav-primary > li {
		list-style: none !important;
	}

	#main-header.site-header.toggled #mega-menu-secondary-nav > li {
		list-style: none !important;
		list-style-type: none !important;
	}

	#main-header.site-header.toggled #mega-menu-secondary-nav > li::marker {
		content: none !important;
	}

	#main-header.site-header.toggled #mega-menu-secondary-nav > li > a.mega-menu-link {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 0.65rem !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	#main-header.site-header.toggled #mega-menu-secondary-nav .mega-indicator,
	#main-header.site-header.toggled #mega-menu-secondary-nav .mega-indicator::after {
		margin-left: auto !important;
		flex-shrink: 0 !important;
		position: static !important;
		top: auto !important;
		transform: none !important;
	}

	#main-header.site-header.toggled #mega-menu-secondary-nav > li > ul.mega-sub-menu {
		position: relative !important;
		left: auto !important;
		right: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0.4rem 0 0 !important;
		padding: 0.35rem 0 !important;
		box-sizing: border-box !important;
	}

	@keyframes ahpPanelIn {
		from {
			opacity: 0;
			transform: translateY(-8px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}
}

@media (prefers-reduced-motion: reduce) {
	#main-header.site-header,
	#main-header.site-header .coverage-form .search-form.submit-icon,
	#main-header.site-header .primary-header__toggle span {
		transition: none !important;
	}
}

/*
 * <1200px: CSS grid so logo stays column 1 (left) and menu toggle column 2 (right).
 * Flex + order + airband-theme-overrides "margin-right:auto" on links was crowding both to the right.
 * Row 2: full-width postcode pill.
 */
@media (max-width: 1199.98px) {
	#main-header.site-header .primary-header__nav {
		flex-wrap: wrap !important;
		row-gap: 0.65rem;
		align-items: flex-start !important;
	}

	#main-header.site-header .primary-header__brand {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		grid-template-rows: auto auto !important;
		align-items: center !important;
		column-gap: 0.65rem !important;
		row-gap: 0.65rem !important;
		width: 100% !important;
		max-width: 100% !important;
		justify-items: stretch !important;
	}

	#main-header.site-header .primary-header__brand > .primary-header__logo-wrap {
		grid-column: 1 !important;
		grid-row: 1 !important;
		justify-self: start !important;
		margin: 0 !important;
		min-width: 0 !important;
		max-width: calc(100% - 3.5rem) !important;
		width: auto !important;
	}

	#main-header.site-header .primary-header__brand > .primary-header__logo-sticky {
		grid-column: 1 !important;
		grid-row: 1 !important;
		justify-self: start !important;
		margin: 0 !important;
	}

	#main-header.site-header .primary-header__brand > .primary-header__toggle {
		grid-column: 2 !important;
		grid-row: 1 !important;
		justify-self: end !important;
		align-self: center !important;
		margin: 0 !important;
	}

	#main-header.site-header .primary-header__brand > .coverage-form-wrapper {
		grid-column: 1 / -1 !important;
		grid-row: 2 !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	#main-header.site-header .primary-header__brand .coverage-form-m,
	#main-header.site-header .primary-header__brand .coverage-form-m .coverage-form {
		width: 100% !important;
		max-width: 100% !important;
	}

	#main-header.site-header .primary-header__brand .coverage-form .search-form.submit-icon,
	#main-header.site-header .primary-header__brand .coverage-form-m .coverage-form .search-form.submit-icon {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	/* Tab notch reads as a stray triangle on narrow viewports */
	#main-header.site-header .primary-header__home-notch {
		display: none !important;
	}
}

/* -------------------------------------------------------------------------- */
/* Mobile menu open — primary pills stacked with gap (no overlap)             */
/* -------------------------------------------------------------------------- */
@media (max-width: 1199.98px) {
	#main-header.site-header.toggled .primary-header__nav-primary-wrapper [class*="mega-menu-wrap"]:not([id*="secondary"]) > ul,
	#main-header.site-header.toggled ul#mega-menu-primary-nav,
	#main-header.site-header.toggled ul#menu-primary-nav.primary-header__nav-primary,
	#main-header.site-header.toggled .primary-header__nav-primary.primary-header__nav-primary {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		align-content: flex-start !important;
		gap: 0.65rem !important;
		row-gap: 0.65rem !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
		float: none !important;
		clear: both !important;
	}

	#main-header.site-header.toggled .primary-header__nav-primary-wrapper [class*="mega-menu-wrap"]:not([id*="secondary"]) > ul > li,
	#main-header.site-header.toggled ul#mega-menu-primary-nav > li,
	#main-header.site-header.toggled ul#menu-primary-nav.primary-header__nav-primary > li,
	#main-header.site-header.toggled .primary-header__nav-primary > li {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		position: relative !important;
		transform: none !important;
		float: none !important;
		clear: both !important;
		top: auto !important;
		left: auto !important;
	}

	#main-header.site-header.toggled .primary-header__nav-primary-wrapper [class*="mega-menu-wrap"]:not([id*="secondary"]) > ul > li > a.mega-menu-link,
	#main-header.site-header.toggled .primary-header__nav-primary > li > a {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		box-sizing: border-box !important;
		text-align: center !important;
	}
}

/* Narrow screens: hide postcode pill arrow — Enter / keyboard Go still submits */
@media (max-width: 767.98px) {
	#main-header.site-header .coverage-form .search-form.submit-icon,
	#main-header.site-header .coverage-form-m .coverage-form .search-form.submit-icon {
		position: relative !important;
	}

	#main-header.site-header .coverage-form .search-form .search-submit,
	#main-header.site-header .coverage-form-m .coverage-form .search-form .search-submit {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		min-width: 0 !important;
		padding: 0 !important;
		margin: -1px !important;
		overflow: hidden !important;
		clip: rect(0, 0, 0, 0) !important;
		clip-path: inset(50%) !important;
		white-space: nowrap !important;
		border: 0 !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}

	#main-header.site-header .coverage-form .search-form .form-control.search-field,
	#main-header.site-header .coverage-form-m .coverage-form .search-form .form-control.search-field {
		padding-right: 1rem !important;
	}
}

/* -------------------------------------------------------------------------- */
/* 2026 premium chrome refresh                                                */
/* -------------------------------------------------------------------------- */

#main-header.site-header--premium-luxury {
	--ahp-luxe-dark: rgba(var(--th-rgb-woodsmoke), 0.94);
	--ahp-luxe-panel: rgba(255, 255, 255, 0.82);
	--ahp-luxe-border: rgba(var(--th-rgb-denim), 0.14);
	--ahp-luxe-glow: 0 18px 58px rgba(var(--th-rgb-denim), 0.12);
	isolation: isolate;
}

#main-header.site-header--premium-luxury .secondary-header {
	position: relative;
	background:
		radial-gradient(circle at 16% 0%, rgba(var(--th-rgb-turquoise), 0.18), transparent 18rem),
		radial-gradient(circle at 86% 0%, rgba(var(--th-rgb-seagull), 0.12), transparent 18rem),
		linear-gradient(180deg, rgba(var(--th-rgb-shark), 0.98), rgba(var(--th-rgb-woodsmoke), 0.98)) !important;
}

#main-header.site-header--premium-luxury .secondary-header::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -1px;
	left: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(var(--th-rgb-turquoise), 0.45), transparent);
	pointer-events: none;
}

#main-header.site-header--premium-luxury:not(.state--fixed) .primary-header {
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(250, 248, 248, 0.78)),
		radial-gradient(circle at 18% 0%, rgba(var(--th-rgb-turquoise), 0.16), transparent 18rem) !important;
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	border-bottom: 1px solid rgba(var(--th-rgb-denim), 0.12) !important;
	box-shadow: 0 16px 54px rgba(var(--th-rgb-woodsmoke), 0.08) !important;
}

#main-header.site-header--premium-luxury.state--fixed {
	background:
		radial-gradient(circle at 18% 0%, rgba(var(--th-rgb-turquoise), 0.14), transparent 18rem),
		linear-gradient(180deg, rgba(var(--th-rgb-shark), 0.96), rgba(var(--th-rgb-woodsmoke), 0.94)) !important;
	box-shadow: 0 20px 70px rgba(0, 0, 0, 0.42) !important;
}

#main-header.site-header--premium-luxury.site-header--has-scrolled:not(.state--fixed) .primary-header {
	box-shadow: 0 18px 64px rgba(var(--th-rgb-woodsmoke), 0.11) !important;
}

#main-header.site-header--premium-luxury .primary-header__brand .custom-logo-link,
#main-header.site-header--premium-luxury .primary-header__logo-wrap,
#main-header.site-header--premium-luxury .primary-header__logo-sticky {
	transition: transform 0.3s var(--th-ease-out, ease), filter 0.3s ease;
}

#main-header.site-header--premium-luxury .primary-header__brand .custom-logo-link:hover,
#main-header.site-header--premium-luxury .primary-header__logo-sticky:hover {
	transform: translateY(-2px);
	filter: drop-shadow(0 12px 28px rgba(var(--th-rgb-turquoise), 0.18));
}

#main-header.site-header--premium-luxury:not(.state--fixed) .primary-header__nav-primary > li > a,
#main-header.site-header--premium-luxury:not(.state--fixed) .menu-primary-nav-container .primary-header__nav-primary > li > a,
#main-header.site-header--premium-luxury:not(.state--fixed) .primary-header__nav-primary-wrapper .mega-menu-link,
#main-header.site-header--premium-luxury:not(.state--fixed) .primary-header__nav-primary-wrapper [class*="mega-menu-wrap"]:not([id*="secondary"]) > ul > li > a.mega-menu-link,
#main-header.site-header--premium-luxury.state--fixed .primary-header__nav-primary > li > a,
#main-header.site-header--premium-luxury.state--fixed .menu-primary-nav-container .primary-header__nav-primary > li > a,
#main-header.site-header--premium-luxury.state--fixed .primary-header__nav-primary-wrapper .mega-menu-link,
#main-header.site-header--premium-luxury.state--fixed .primary-header__nav-primary-wrapper [class*="mega-menu-wrap"]:not([id*="secondary"]) > ul > li > a.mega-menu-link {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

#main-header.site-header--premium-luxury:not(.state--fixed) .primary-header__nav-primary > li > a::before,
#main-header.site-header--premium-luxury:not(.state--fixed) .menu-primary-nav-container .primary-header__nav-primary > li > a::before,
#main-header.site-header--premium-luxury:not(.state--fixed) .primary-header__nav-primary-wrapper [class*="mega-menu-wrap"]:not([id*="secondary"]) > ul > li > a.mega-menu-link::before,
#main-header.site-header--premium-luxury.state--fixed .primary-header__nav-primary > li > a::before,
#main-header.site-header--premium-luxury.state--fixed .menu-primary-nav-container .primary-header__nav-primary > li > a::before,
#main-header.site-header--premium-luxury.state--fixed .primary-header__nav-primary-wrapper [class*="mega-menu-wrap"]:not([id*="secondary"]) > ul > li > a.mega-menu-link::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	background: radial-gradient(circle at 50% 0%, rgba(var(--th-rgb-turquoise), 0.34), transparent 64%);
	opacity: 0;
	transition: opacity 0.28s ease;
}

#main-header.site-header--premium-luxury .primary-header__nav-primary > li > a:hover::before,
#main-header.site-header--premium-luxury .menu-primary-nav-container .primary-header__nav-primary > li > a:hover::before,
#main-header.site-header--premium-luxury .primary-header__nav-primary-wrapper [class*="mega-menu-wrap"]:not([id*="secondary"]) > ul > li > a.mega-menu-link:hover::before {
	opacity: 1;
}

#main-header.site-header--premium-luxury .primary-header__nav-primary-wrapper ul .sub-menu,
#main-header.site-header--premium-luxury .primary-header__nav-primary-wrapper ul .mega-sub-menu,
#main-header.site-header--premium-luxury #mega-menu-wrap-primary-nav #mega-menu-primary-nav > li > ul.mega-sub-menu {
	border: 1px solid rgba(var(--th-rgb-turquoise), 0.16) !important;
	border-radius: 1.25rem !important;
	background:
		radial-gradient(circle at 92% 0%, rgba(var(--th-rgb-turquoise), 0.16), transparent 14rem),
		linear-gradient(180deg, rgba(var(--th-rgb-woodsmoke), 0.97), rgba(var(--th-rgb-shark), 0.96)) !important;
	box-shadow: 0 28px 84px rgba(0, 0, 0, 0.42) !important;
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	padding: 0.75rem !important;
}

#main-header.site-header--premium-luxury .primary-header__nav-primary-wrapper ul .sub-menu a,
#main-header.site-header--premium-luxury .primary-header__nav-primary-wrapper ul .mega-sub-menu a,
#main-header.site-header--premium-luxury #mega-menu-wrap-primary-nav #mega-menu-primary-nav ul.mega-sub-menu a.mega-menu-link {
	border-radius: 0.85rem !important;
	color: rgba(255, 255, 255, 0.86) !important;
	transition: color 0.25s ease, background 0.25s ease, transform 0.25s ease !important;
}

#main-header.site-header--premium-luxury .primary-header__nav-primary-wrapper ul .sub-menu a:hover,
#main-header.site-header--premium-luxury .primary-header__nav-primary-wrapper ul .mega-sub-menu a:hover,
#main-header.site-header--premium-luxury #mega-menu-wrap-primary-nav #mega-menu-primary-nav ul.mega-sub-menu a.mega-menu-link:hover {
	color: var(--th-palette-white) !important;
	background: rgba(var(--th-rgb-turquoise), 0.12) !important;
	transform: translateX(3px);
}

#main-header.site-header--premium-luxury .secondary-header__trustpilot a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.35rem;
	padding: 0.35rem 0.75rem;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.06) !important;
	transition: border-color 0.25s ease, background 0.25s ease, transform 0.25s ease;
}

#main-header.site-header--premium-luxury .secondary-header__trustpilot a:hover {
	transform: translateY(-1px);
	border-color: rgba(var(--th-rgb-turquoise), 0.42);
	background: rgba(var(--th-rgb-turquoise), 0.1) !important;
}

@media (min-width: 1200px) {
	#main-header.site-header--premium-luxury .primary-header .primary-header__nav {
		column-gap: clamp(1.4rem, 3vw, 3rem) !important;
	}

	#main-header.site-header--premium-luxury .primary-header__form {
		max-width: min(420px, 30vw);
	}
}

@media (max-width: 1199.98px) {
	#main-header.site-header--premium-luxury.toggled {
		background:
			radial-gradient(circle at 22% 0%, rgba(var(--th-rgb-turquoise), 0.16), transparent 20rem),
			linear-gradient(180deg, rgba(var(--th-rgb-shark), 0.98), rgba(var(--th-rgb-woodsmoke), 0.98)) !important;
	}

	#main-header.site-header--premium-luxury.toggled .primary-header {
		border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	}

	#main-header.site-header--premium-luxury.toggled .primary-header__nav-primary-wrapper {
		margin-top: 0.8rem !important;
		padding: 1rem !important;
		border: 1px solid rgba(var(--th-rgb-turquoise), 0.16);
		border-radius: 1.35rem;
		background:
			radial-gradient(circle at 80% 0%, rgba(var(--th-rgb-turquoise), 0.14), transparent 16rem),
			rgba(var(--th-rgb-woodsmoke), 0.72);
		box-shadow: 0 22px 60px rgba(0, 0, 0, 0.35);
		backdrop-filter: blur(18px);
		-webkit-backdrop-filter: blur(18px);
	}

	#main-header.site-header--premium-luxury .primary-header__toggle {
		box-shadow: 0 12px 28px rgba(var(--th-rgb-denim), 0.12);
	}
}
