/**
 * Primary desktop navigation
 *
 * Scope is intentionally narrow: only first-level links in Neve's desktop
 * primary menu. Dropdowns and the mobile menu retain their existing styles.
 */

:root {
	/* Matches the linear gradient in .osp/src/Only_name.svg. */
	--kovynev-menu-start: #996455;
	--kovynev-menu-highlight: #fac3b1;
	--kovynev-menu-end: #c89283;
	--kovynev-menu-shadow: rgba(250, 195, 177, 0.18);
}

@media (min-width: 960px) {
	.header-main[data-show-on="desktop"]
		.nav-menu-primary
		> .primary-menu-ul
		> .menu-item
		> .wrap
		> a {
		font-family: "Audiowide", "Radio Canada", sans-serif;
		font-size: 1.12em;
		font-weight: 400;
		letter-spacing: 0.01em;
		text-transform: none;
		transition: filter 180ms ease, text-shadow 180ms ease;
	}

	@supports ((-webkit-background-clip: text) or (background-clip: text)) {
		.header-main[data-show-on="desktop"]
			.nav-menu-primary
			> .primary-menu-ul
			> .menu-item
			> .wrap
			> a {
			background-image: linear-gradient(
				90deg,
				var(--kovynev-menu-start) 0%,
				var(--kovynev-menu-highlight) 24%,
				#e0aa99 35%,
				#c89283 47%,
				#c38e7e 56%,
				#b78272 65%,
				#a87363 72%,
				#bf897a 93%,
				var(--kovynev-menu-end) 100%
			);
			background-repeat: no-repeat;
			-webkit-background-clip: text;
			background-clip: text;
			color: transparent !important;
			-webkit-text-fill-color: transparent;
		}
	}

	.header-main[data-show-on="desktop"]
		.nav-menu-primary
		> .primary-menu-ul
		> .menu-item
		> .wrap
		> a:hover,
	.header-main[data-show-on="desktop"]
		.nav-menu-primary
		> .primary-menu-ul
		> .current-menu-item
		> .wrap
		> a,
	.header-main[data-show-on="desktop"]
		.nav-menu-primary
		> .primary-menu-ul
		> .current-menu-ancestor
		> .wrap
		> a {
		filter: brightness(1.13) saturate(1.08)
			drop-shadow(0 0 0.35rem var(--kovynev-menu-shadow));
	}

	.header-main[data-show-on="desktop"]
		.nav-menu-primary
		> .primary-menu-ul
		> .menu-item
		> .wrap
		> a:focus-visible {
		outline: 2px solid var(--kovynev-menu-highlight);
		outline-offset: 0.3rem;
	}

	.header-main[data-show-on="desktop"]
		.nav-menu-primary
		> .primary-menu-ul
		> .menu-item
		> .wrap
		> .caret-wrap {
		color: var(--kovynev-menu-end);
	}
}