/**
 * Phase 5.9.1 / 5.9.2 — Premium marketplace header + final polish.
 * CSS/UI only. Preserves existing markup hooks and WooCommerce URLs.
 */

.nds-site-header--premium {
	--nds-utility-h: 2.35rem;
	--nds-main-header-h: 6.15rem;
	--nds-header-sticky-shadow: 0 12px 32px rgba(8, 36, 44, 0.09);
	border-bottom: 0;
	background: linear-gradient(180deg, #ffffff 0%, #f6fafb 100%);
}

.nds-site-header--premium.is-scrolled {
	box-shadow: var(--nds-header-sticky-shadow);
}

/* —— Utility: light trust strip (not WP link chrome) —— */
.nds-site-header--premium .nds-utility-bar {
	background: #f3f7f8;
	border-bottom: 1px solid rgba(8, 72, 80, 0.07);
	color: var(--nds-color-muted);
}

.nds-site-header--premium .nds-utility-bar__inner {
	min-height: var(--nds-utility-h);
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	padding-block: 0.15rem;
}

.nds-utility-bar__trust {
	margin: 0;
	font-size: 0.78rem;
	font-weight: 650;
	letter-spacing: 0.01em;
	color: var(--nds-color-teal-ink, #063840);
	white-space: nowrap;
}

.nds-site-header--premium .nds-utility-bar__list {
	gap: 0.15rem;
}

.nds-site-header--premium .nds-utility-bar__list li + li::before {
	content: none;
}

.nds-site-header--premium .nds-utility-bar__list li + li {
	margin-left: 0.15rem;
}

.nds-site-header--premium .nds-utility-bar__list a {
	display: inline-flex;
	align-items: center;
	min-height: 1.75rem;
	padding: 0 0.55rem;
	color: rgba(10, 31, 40, 0.58);
	font-weight: 600;
	font-size: 0.78rem;
	letter-spacing: 0.005em;
	text-transform: none;
	border-radius: 0.4rem;
	transition:
		color 0.18s var(--nds-ease, ease),
		background 0.18s var(--nds-ease, ease);
}

.nds-site-header--premium .nds-utility-bar__list a:hover,
.nds-site-header--premium .nds-utility-bar__list a:focus-visible {
	color: var(--nds-color-teal-deep);
	background: rgba(13, 101, 112, 0.08);
}

/* —— Main row —— */
.nds-site-header--premium .nds-site-header__main {
	background: transparent;
	border-bottom: 1px solid rgba(8, 72, 80, 0.08);
}

.nds-site-header--premium .nds-site-header__inner {
	min-height: var(--nds-main-header-h);
	padding-block: 0.95rem;
	gap: 1.2rem;
}

/* —— Brand: stronger visual anchor —— */
.nds-site-header--premium .nds-brand--header {
	gap: 1rem;
	align-items: center;
	transition: transform 0.22s var(--nds-ease, ease);
}

.nds-site-header--premium .nds-brand--header:hover {
	transform: translateY(-1px);
}

.nds-site-header--premium .nds-brand--header .nds-brand-svg {
	width: 3.85rem;
	height: 3.85rem;
	filter: drop-shadow(0 6px 14px rgba(8, 72, 80, 0.22));
	transition: filter 0.22s var(--nds-ease, ease);
}

.nds-site-header--premium .nds-brand--header:hover .nds-brand-svg {
	filter: drop-shadow(0 8px 18px rgba(8, 72, 80, 0.3));
}

.nds-site-header--premium .nds-brand--header .nds-brand__text {
	gap: 0.08rem;
}

.nds-site-header--premium .nds-brand--header .nds-brand__name {
	font-size: clamp(1.28rem, 1.7vw, 1.62rem);
	font-weight: 800;
	letter-spacing: 0.055em;
	line-height: 1;
	max-width: none;
	color: var(--nds-color-ink);
	gap: 0.32em;
}

.nds-site-header--premium .nds-brand--header .nds-brand__w--test {
	letter-spacing: 0.075em;
	font-weight: 700;
}

.nds-site-header--premium .nds-brand--header .nds-brand__w--banks {
	letter-spacing: 0.095em;
	font-weight: 800;
}

.nds-site-header--premium .nds-brand--header .nds-brand__tagline {
	display: block;
	margin-top: 0.38rem;
	font-size: 0.76rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	line-height: 1.2;
	color: rgba(10, 31, 40, 0.55);
	white-space: nowrap;
}

/* —— Center: subjects + search —— */
.nds-site-header--premium .nds-header-center {
	gap: 0.75rem;
	flex: 1 1 auto;
	min-width: 0;
}

.nds-site-header--premium .nds-header-tools {
	flex: 0 0 auto;
	gap: 0.55rem;
}

.nds-site-header--premium .nds-cat-trigger {
	min-height: 3.15rem;
	padding: 0 1.1rem 0 0.95rem;
	border-radius: 0.55rem;
	background: linear-gradient(180deg, #117a86 0%, var(--nds-color-teal) 100%);
	box-shadow: 0 5px 12px rgba(13, 101, 112, 0.18);
	font-size: 0.88rem;
	letter-spacing: 0.01em;
	transition:
		background 0.2s var(--nds-ease, ease),
		box-shadow 0.2s var(--nds-ease, ease),
		transform 0.2s var(--nds-ease, ease);
}

.nds-site-header--premium .nds-cat-trigger:hover,
.nds-site-header--premium .nds-cat-trigger:focus-visible {
	background: linear-gradient(180deg, #0f6f7a 0%, var(--nds-color-teal-deep) 100%);
	box-shadow: 0 7px 16px rgba(8, 72, 80, 0.24);
	transform: translateY(-1px);
}

.nds-site-header--premium .nds-cat-trigger[aria-expanded="true"] {
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.32), 0 4px 10px rgba(8, 72, 80, 0.2);
	transform: none;
}

.nds-site-header--premium .nds-cat-panel {
	top: calc(100% + 0.65rem);
	width: min(24rem, 82vw);
	padding: 0.65rem;
	border-radius: 1rem;
	border-color: rgba(8, 72, 80, 0.1);
	box-shadow: 0 18px 40px rgba(8, 36, 44, 0.14);
}

.nds-site-header--premium .nds-cat-panel__list a {
	padding: 0.78rem 0.9rem;
	border-radius: 0.75rem;
	transition: background 0.18s var(--nds-ease, ease), color 0.18s var(--nds-ease, ease);
}

/* —— Search: primary marketplace action —— */
.nds-site-header--premium .nds-search-field {
	height: 3.25rem;
	max-width: 36rem;
	border: 1.5px solid rgba(8, 72, 80, 0.12);
	border-radius: 0.65rem;
	background: #fff;
	box-shadow:
		0 1px 2px rgba(8, 36, 44, 0.04),
		0 8px 22px rgba(8, 36, 44, 0.06);
	overflow: hidden;
	transition:
		border-color 0.22s var(--nds-ease, ease),
		box-shadow 0.22s var(--nds-ease, ease),
		transform 0.22s var(--nds-ease, ease);
}

.nds-site-header--premium .nds-search-field:hover {
	border-color: rgba(13, 101, 112, 0.32);
	box-shadow:
		0 2px 4px rgba(8, 36, 44, 0.05),
		0 12px 28px rgba(8, 36, 44, 0.08);
}

.nds-site-header--premium .nds-search-field:focus-within {
	border-color: var(--nds-color-teal);
	box-shadow:
		0 0 0 4px rgba(13, 101, 112, 0.14),
		0 10px 28px rgba(13, 101, 112, 0.12);
	transform: translateY(-1px);
}

.nds-site-header--premium .nds-search-pill__icon {
	display: grid;
	place-items: center;
	align-self: stretch;
	padding-left: 1.05rem;
	padding-right: 0.15rem;
	color: var(--nds-color-teal);
	opacity: 0.92;
}

.nds-site-header--premium .nds-search-pill__icon .nds-icon {
	width: 1.35rem;
	height: 1.35rem;
	display: block;
}

.nds-site-header--premium .nds-search-field input[type="search"] {
	font-size: 0.98rem;
	line-height: 1.3;
	padding: 0 0.85rem;
}

.nds-site-header--premium .nds-search-field input[type="search"]::placeholder {
	color: rgba(10, 31, 40, 0.42);
	font-weight: 500;
}

.nds-site-header--premium .nds-search-pill__submit {
	height: auto;
	align-self: stretch;
	min-width: 5.75rem;
	border: 0;
	border-left: 0;
	margin: 0.28rem 0.28rem 0.28rem 0;
	border-radius: 0.45rem;
	background: linear-gradient(180deg, #117a86 0%, var(--nds-color-teal) 100%);
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	padding: 0 1.25rem;
	box-shadow: 0 2px 8px rgba(13, 101, 112, 0.2);
	transition:
		background 0.2s var(--nds-ease, ease),
		box-shadow 0.2s var(--nds-ease, ease),
		transform 0.2s var(--nds-ease, ease);
}

.nds-site-header--premium .nds-search-pill__submit:hover,
.nds-site-header--premium .nds-search-pill__submit:focus-visible {
	background: linear-gradient(180deg, #0f6f7a 0%, var(--nds-color-teal-deep) 100%);
	color: #fff;
	box-shadow: 0 4px 12px rgba(8, 72, 80, 0.26);
	transform: translateY(-0.5px);
}

/* —— Account + cart: one premium control —— */
.nds-header-actions {
	display: inline-flex;
	align-items: stretch;
	gap: 0;
	padding: 0.2rem;
	border: 1px solid rgba(8, 72, 80, 0.11);
	border-radius: 0.75rem;
	background: #fff;
	box-shadow:
		0 1px 2px rgba(8, 36, 44, 0.04),
		0 6px 16px rgba(8, 36, 44, 0.05);
	transition:
		border-color 0.2s var(--nds-ease, ease),
		box-shadow 0.2s var(--nds-ease, ease);
}

.nds-header-actions:hover {
	border-color: rgba(13, 101, 112, 0.22);
	box-shadow:
		0 2px 4px rgba(8, 36, 44, 0.05),
		0 10px 22px rgba(8, 36, 44, 0.08);
}

.nds-site-header--premium .nds-header-action {
	min-height: 2.85rem;
	min-width: auto;
	padding: 0 0.95rem;
	border-radius: 0.55rem;
	gap: 0.45rem;
	box-shadow: none;
	transition:
		background 0.18s var(--nds-ease, ease),
		color 0.18s var(--nds-ease, ease),
		box-shadow 0.18s var(--nds-ease, ease);
}

.nds-site-header--premium .nds-header-link--account {
	color: var(--nds-color-ink);
	font-weight: 650;
	padding-inline: 0.95rem 1rem;
}

.nds-site-header--premium .nds-header-link--account:hover,
.nds-site-header--premium .nds-header-link--account:focus-visible {
	background: rgba(220, 238, 240, 0.7);
	color: var(--nds-color-teal-deep);
	transform: none;
}

.nds-site-header--premium .nds-header-action--cart,
.nds-site-header--premium .nds-header-cart {
	position: relative;
	background: linear-gradient(180deg, #117a86 0%, var(--nds-color-teal) 100%);
	color: #fff;
	box-shadow: none;
	padding-inline: 1rem;
	margin-left: 0.1rem;
}

.nds-site-header--premium .nds-header-action--cart:hover,
.nds-site-header--premium .nds-header-action--cart:focus-visible,
.nds-site-header--premium .nds-header-cart:hover,
.nds-site-header--premium .nds-header-cart:focus-visible {
	background: linear-gradient(180deg, #0f6f7a 0%, var(--nds-color-teal-deep) 100%);
	color: #fff;
	transform: none;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.nds-site-header--premium .nds-header-action--cart .nds-header-link__text,
.nds-site-header--premium .nds-header-cart .nds-header-link__text {
	display: inline;
	font-weight: 700;
}

.nds-site-header--premium .nds-header-action--cart .nds-cart-count,
.nds-site-header--premium .nds-header-cart .nds-cart-count {
	position: static;
	min-width: 1.35rem;
	height: 1.35rem;
	margin-left: 0.2rem;
	background: #fff;
	color: var(--nds-color-teal-deep);
	font-size: 0.72rem;
	box-shadow: 0 1px 2px rgba(8, 36, 44, 0.08);
}

/* —— Commerce nav —— */
.nds-site-header--premium .nds-commerce-nav {
	background: rgba(255, 255, 255, 0.92);
	border-top: 1px solid rgba(8, 72, 80, 0.06);
	border-bottom: 1px solid rgba(8, 72, 80, 0.08);
}

.nds-site-header--premium .nds-commerce-nav__list {
	gap: 0.2rem 0.45rem;
	padding: 0.4rem 0 0.5rem;
	justify-content: flex-start;
}

.nds-site-header--premium .nds-commerce-nav__list a {
	position: relative;
	padding: 0.7rem 0.95rem 0.85rem;
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.005em;
	color: rgba(10, 31, 40, 0.72);
	border-bottom: 0;
	border-radius: 0.5rem;
	transition:
		color 0.2s var(--nds-ease, ease),
		background 0.2s var(--nds-ease, ease),
		font-weight 0.2s var(--nds-ease, ease);
}

.nds-site-header--premium .nds-commerce-nav__list a::after {
	content: "";
	position: absolute;
	left: 0.95rem;
	right: 0.95rem;
	bottom: 0.35rem;
	height: 2px;
	border-radius: 999px;
	background: var(--nds-color-teal);
	transform: scaleX(0);
	transform-origin: left center;
	opacity: 0;
	transition:
		transform 0.24s var(--nds-ease, ease),
		opacity 0.24s var(--nds-ease, ease);
}

.nds-site-header--premium .nds-commerce-nav__list a:hover,
.nds-site-header--premium .nds-commerce-nav__list a:focus-visible {
	color: var(--nds-color-teal-deep);
	background: rgba(220, 238, 240, 0.45);
	border-bottom-color: transparent;
}

.nds-site-header--premium .nds-commerce-nav__list a:hover::after,
.nds-site-header--premium .nds-commerce-nav__list a:focus-visible::after {
	transform: scaleX(1);
	opacity: 1;
}

.nds-site-header--premium .nds-commerce-nav__list a.is-active,
.nds-site-header--premium .nds-commerce-nav__list a[aria-current="page"] {
	color: var(--nds-color-teal-ink, #063840);
	font-weight: 700;
	background: rgba(220, 238, 240, 0.75);
}

.nds-site-header--premium .nds-commerce-nav__list a.is-active::after,
.nds-site-header--premium .nds-commerce-nav__list a[aria-current="page"]::after {
	transform: scaleX(1);
	opacity: 1;
	height: 2.5px;
	background: var(--nds-color-teal-deep);
}

/* —— Desktop proportions —— */
@media (min-width: 1100px) {
	.nds-site-header--premium .nds-search-pill--desktop {
		display: flex;
		flex: 1 1 auto;
		max-width: 38rem;
	}

	.nds-site-header--premium .nds-header-link__text {
		display: inline;
	}

	.nds-site-header--premium .nds-brand--header .nds-brand-svg {
		width: 4.1rem;
		height: 4.1rem;
	}

	.nds-site-header--premium .nds-site-header__inner {
		gap: 1.2rem;
	}
}

@media (min-width: 1280px) {
	.nds-site-header--premium .nds-search-pill--desktop {
		max-width: 42rem;
	}

	.nds-site-header--premium .nds-commerce-nav__list {
		gap: 0.25rem 0.65rem;
	}

	.nds-site-header--premium .nds-brand--header .nds-brand__name {
		font-size: 1.72rem;
	}
}

@media (max-width: 1279px) {
	.nds-utility-bar__trust {
		font-size: 0.72rem;
	}
}

/* —— Tablet / mobile —— */
@media (max-width: 1099px) {
	.nds-site-header--premium {
		--nds-main-header-h: 4.35rem;
	}

	.nds-site-header--premium .nds-site-header__inner {
		padding-block: 0.55rem;
		gap: 0.55rem;
	}

	.nds-site-header--premium .nds-brand--header {
		justify-self: center;
		gap: 0.65rem;
	}

	.nds-site-header--premium .nds-brand--header .nds-brand-svg {
		width: 2.65rem;
		height: 2.65rem;
	}

	.nds-site-header--premium .nds-brand--header .nds-brand__name {
		font-size: 1.05rem;
		max-width: 10rem;
	}

	.nds-site-header--premium .nds-brand--header .nds-brand__tagline {
		display: none;
	}

	.nds-site-header--premium .nds-header-actions {
		padding: 0.12rem;
		border-radius: 0.7rem;
	}

	.nds-site-header--premium .nds-header-action {
		min-height: 2.55rem;
		padding: 0 0.65rem;
	}

	.nds-site-header--premium .nds-header-action--cart .nds-header-link__text,
	.nds-site-header--premium .nds-header-cart .nds-header-link__text {
		display: none;
	}

	.nds-site-header--premium .nds-mobile-search-panel {
		background: linear-gradient(180deg, #f8fbfc 0%, #eef5f6 100%);
		border-top-color: rgba(8, 72, 80, 0.08);
		padding: 0.85rem 0;
	}

	.nds-site-header--premium .nds-search-field {
		max-width: none;
		height: 3rem;
		box-shadow:
			0 1px 2px rgba(8, 36, 44, 0.04),
			0 6px 16px rgba(8, 36, 44, 0.06);
	}
}

@media (max-width: 460px) {
	.nds-site-header--premium .nds-brand--header .nds-brand__name {
		max-width: 7.75rem;
		font-size: 0.95rem;
	}

	.nds-site-header--premium .nds-header-link--account .nds-header-link__text {
		display: none;
	}

	.nds-site-header--premium .nds-header-action {
		padding: 0 0.55rem;
		min-width: var(--nds-touch, 2.75rem);
	}
}

@media (prefers-reduced-motion: reduce) {
	.nds-site-header--premium .nds-brand--header,
	.nds-site-header--premium .nds-brand--header .nds-brand-svg,
	.nds-site-header--premium .nds-cat-trigger,
	.nds-site-header--premium .nds-search-field,
	.nds-site-header--premium .nds-search-pill__submit,
	.nds-site-header--premium .nds-header-action,
	.nds-site-header--premium .nds-header-actions,
	.nds-site-header--premium .nds-commerce-nav__list a,
	.nds-site-header--premium .nds-commerce-nav__list a::after,
	.nds-site-header--premium .nds-utility-bar__list a {
		transition: none;
	}

	.nds-site-header--premium .nds-brand--header:hover,
	.nds-site-header--premium .nds-cat-trigger:hover,
	.nds-site-header--premium .nds-search-field:focus-within,
	.nds-site-header--premium .nds-header-action--cart:hover,
	.nds-site-header--premium .nds-header-cart:hover {
		transform: none;
	}
}

/* —— Phase 5.9.2.1 / 5.9.2.2 — Compact sticky header (desktop, no layout flicker) —— */
@media (min-width: 1100px) {
	.nds-site-header--premium,
	.nds-site-header--premium * {
		overflow-anchor: none;
	}

	/*
	 * Do NOT transition height / max-height / padding / margin.
	 * Those caused IntersectionObserver / sticky feedback loops.
	 * Compact rows collapse instantly; only non-layout polish may ease.
	 */
	.nds-site-header--premium.is-compact {
		--nds-main-header-h: 4.4rem;
		box-shadow: var(--nds-header-sticky-shadow);
		background: #fff;
	}

	.nds-site-header--premium.is-compact .nds-utility-bar,
	.nds-site-header--premium.is-compact .nds-commerce-nav {
		display: none !important;
	}

	.nds-site-header--premium.is-compact .nds-site-header__main {
		border-bottom: 1px solid rgba(8, 72, 80, 0.1);
	}

	.nds-site-header--premium.is-compact .nds-site-header__inner {
		min-height: 4.4rem; /* ~70px */
		padding-block: 0.4rem;
		gap: 0.85rem;
	}

	.nds-site-header--premium.is-compact .nds-brand--header {
		gap: 0.65rem;
	}

	.nds-site-header--premium.is-compact .nds-brand--header .nds-brand-svg {
		width: 2.45rem;
		height: 2.45rem;
		filter: drop-shadow(0 3px 8px rgba(8, 72, 80, 0.16));
	}

	.nds-site-header--premium.is-compact .nds-brand--header .nds-brand__name {
		font-size: 1.05rem;
		letter-spacing: 0.05em;
	}

	.nds-site-header--premium.is-compact .nds-brand--header .nds-brand__tagline {
		display: none;
	}

	.nds-site-header--premium.is-compact .nds-cat-trigger {
		min-height: 2.65rem;
		padding: 0 0.95rem 0 0.8rem;
		font-size: 0.84rem;
		box-shadow: 0 3px 10px rgba(13, 101, 112, 0.16);
	}

	.nds-site-header--premium.is-compact .nds-search-field,
	.nds-site-header--premium.is-compact .nds-search-pill--desktop {
		height: 2.65rem;
		max-width: min(28rem, 36vw);
		border-radius: 0.5rem;
		box-shadow: 0 1px 2px rgba(8, 36, 44, 0.04);
	}

	.nds-site-header--premium.is-compact .nds-search-pill__icon .nds-icon {
		width: 1.15rem;
		height: 1.15rem;
	}

	.nds-site-header--premium.is-compact .nds-search-field input[type="search"] {
		font-size: 0.9rem;
	}

	.nds-site-header--premium.is-compact .nds-search-pill__submit {
		min-width: 4.75rem;
		margin: 0.2rem 0.2rem 0.2rem 0;
		padding: 0 0.95rem;
		font-size: 0.84rem;
	}

	.nds-site-header--premium.is-compact .nds-header-actions {
		padding: 0.12rem;
		border-radius: 0.6rem;
		box-shadow: 0 1px 2px rgba(8, 36, 44, 0.04);
	}

	.nds-site-header--premium.is-compact .nds-header-action {
		min-height: 2.45rem;
		padding: 0 0.75rem;
		border-radius: 0.45rem;
	}

	.nds-site-header--premium.is-compact .nds-header-link--account {
		padding-inline: 0.75rem 0.85rem;
	}

	.nds-site-header--premium.is-compact .nds-header-action--cart,
	.nds-site-header--premium.is-compact .nds-header-cart {
		padding-inline: 0.85rem;
	}

	.nds-site-header--premium.is-compact .nds-cat-panel {
		top: calc(100% + 0.45rem);
	}
}