/**
 * Comparix Theme — Premium header + desktop navigation polish (v2.3.0)
 */

.cx-theme-header {
	border-bottom: 1px solid color-mix(in srgb, var(--cx-theme-border) 55%, transparent);
	background: color-mix(in srgb, var(--cx-theme-bg) 82%, transparent);
	box-shadow: 0 1px 0 color-mix(in srgb, var(--cx-theme-primary) 6%, transparent);
}

.cx-theme-header--scrolled {
	border-bottom-color: color-mix(in srgb, var(--cx-theme-border) 90%, transparent);
	box-shadow:
		0 10px 32px color-mix(in srgb, var(--cx-theme-text) 8%, transparent),
		0 1px 0 color-mix(in srgb, var(--cx-theme-primary) 12%, transparent);
	background: color-mix(in srgb, var(--cx-theme-bg) 94%, transparent);
}

.cx-theme-header__inner {
	max-width: min(var(--cx-theme-container), 100%);
}

.cx-theme-brand {
	font-size: clamp(1rem, 2.5vw, 1.2rem);
	font-weight: 800;
	letter-spacing: -0.02em;
}

.cx-theme-brand__logo,
.custom-logo {
	max-height: clamp(32px, 5vw, 42px);
	transition: transform 0.25s ease;
}

.cx-theme-brand:hover .custom-logo,
.cx-theme-brand:focus-visible .custom-logo {
	transform: scale(1.02);
}

/* Desktop navigation pills */
@media (min-width: 1024px) {
	.cx-theme-nav--desktop {
		padding: 0.25rem;
		border-radius: 999px;
		background: color-mix(in srgb, var(--cx-theme-surface) 75%, transparent);
		border: 1px solid color-mix(in srgb, var(--cx-theme-border) 80%, transparent);
	}

	.cx-theme-nav__list {
		gap: 0.125rem;
	}

	.cx-theme-nav__list a {
		padding: 0.45rem 0.85rem;
		font-size: 0.875rem;
		font-weight: 600;
		border-radius: 999px;
		color: var(--cx-theme-text-muted);
	}

	.cx-theme-nav__list a:hover,
	.cx-theme-nav__list a:focus-visible {
		background: color-mix(in srgb, var(--cx-theme-primary) 10%, var(--cx-theme-surface));
		color: var(--cx-theme-primary);
	}

	.cx-theme-nav__list .current-menu-item > a,
	.cx-theme-nav__list .current_page_item > a {
		background: color-mix(in srgb, var(--cx-theme-primary) 14%, var(--cx-theme-surface));
		color: var(--cx-theme-primary);
		box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cx-theme-primary) 18%, transparent);
	}
}

/* Header icon buttons — premium touch targets */
.cx-theme-header__icon-btn {
	border-radius: 12px;
	box-shadow: 0 1px 2px color-mix(in srgb, var(--cx-theme-text) 6%, transparent);
}

.cx-theme-header__icon-btn:hover,
.cx-theme-header__icon-btn:focus-visible {
	transform: translateY(-1px);
	box-shadow: 0 6px 16px color-mix(in srgb, var(--cx-theme-primary) 14%, transparent);
}

.cx-theme-header__search-toggle[aria-expanded="true"] {
	box-shadow: 0 8px 22px color-mix(in srgb, var(--cx-theme-primary) 28%, transparent);
}

/* Mobile/tablet compact header */
@media (max-width: 1023px) {
	.cx-theme-header__inner {
		min-height: var(--cx-theme-header-h);
	}

	.cx-theme-header__actions {
		gap: 0.375rem;
	}

	.cx-theme-mobile-menu-trigger {
		order: -1;
	}
}