/**
 * لایه پریمیوم منو — گرادیان، شیشه، درخشش، حرکت آرام
 */

@keyframes wpcrm-nav-gradient-flow {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes wpcrm-nav-aurora-shift {
	0% {
		transform: translate(0, 0) rotate(0deg);
		opacity: 0.45;
	}
	33% {
		transform: translate(4%, -3%) rotate(2deg);
		opacity: 0.65;
	}
	66% {
		transform: translate(-3%, 2%) rotate(-1deg);
		opacity: 0.5;
	}
	100% {
		transform: translate(0, 0) rotate(0deg);
		opacity: 0.45;
	}
}

@keyframes wpcrm-nav-glow-pulse {
	0%,
	100% {
		box-shadow: var(--wpcrm-nav-shadow), 0 0 0 1px rgba(255, 255, 255, 0.06) inset, 0 0 24px var(--wpcrm-nav-glow, transparent);
	}
	50% {
		box-shadow: var(--wpcrm-nav-shadow), 0 0 0 1px rgba(255, 255, 255, 0.1) inset, 0 0 36px var(--wpcrm-nav-glow, transparent);
	}
}

@keyframes wpcrm-nav-shimmer {
	0% {
		transform: translateX(-120%);
	}
	100% {
		transform: translateX(120%);
	}
}

/* پنل گرادیانی — همه تم‌ها به‌جز مینیمال/خط‌زیرین */
.wpcrm-nav[class*="wpcrm-nav--"]:not(.wpcrm-nav--minimal):not(.wpcrm-nav--underline) .wpcrm-nav__panel {
	position: relative;
	overflow: visible;
	isolation: isolate;
	background: var(--wpcrm-nav-gradient, var(--wpcrm-nav-bg)) !important;
	border: 1px solid var(--wpcrm-nav-border) !important;
	box-shadow: var(--wpcrm-nav-shadow), 0 0 0 1px rgba(255, 255, 255, 0.05) inset;
	backdrop-filter: blur(var(--wpcrm-nav-blur, 16px)) saturate(1.35);
	-webkit-backdrop-filter: blur(var(--wpcrm-nav-blur, 16px)) saturate(1.35);
}

.wpcrm-nav[class*="wpcrm-nav--"]:not(.wpcrm-nav--minimal):not(.wpcrm-nav--underline) .wpcrm-nav__panel::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: var(--wpcrm-nav-gradient-mesh, none);
	background-size: 220% 220%;
	opacity: var(--wpcrm-nav-mesh-opacity, 0.35);
	pointer-events: none;
	z-index: 0;
}

.wpcrm-nav--motion .wpcrm-nav__panel::before {
	animation: wpcrm-nav-gradient-flow 22s ease-in-out infinite;
}

.wpcrm-nav--motion.wpcrm-nav--glow .wpcrm-nav__panel {
	animation: wpcrm-nav-glow-pulse 5s ease-in-out infinite;
}

.wpcrm-nav--motion .wpcrm-nav__panel::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		105deg,
		transparent 40%,
		rgba(255, 255, 255, 0.12) 50%,
		transparent 60%
	);
	transform: translateX(-120%);
	animation: wpcrm-nav-shimmer 9s ease-in-out infinite;
	pointer-events: none;
	z-index: 0;
	opacity: 0.5;
}

.wpcrm-nav[class*="wpcrm-nav--"] .wpcrm-nav__list,
.wpcrm-nav[class*="wpcrm-nav--"] .wpcrm-nav__toggle {
	position: relative;
	z-index: 1;
}

.wpcrm-nav[class*="wpcrm-nav--"]:not(.wpcrm-nav--minimal) .wpcrm-nav__toggle {
	background: var(--wpcrm-nav-gradient, var(--wpcrm-nav-bg));
	border-color: var(--wpcrm-nav-border);
	box-shadow: var(--wpcrm-nav-shadow);
}

.wpcrm-nav[class*="wpcrm-nav--"] .wpcrm-nav__link {
	position: relative;
	z-index: 1;
	transition:
		background 0.28s cubic-bezier(0.4, 0, 0.2, 1),
		color 0.28s ease,
		transform 0.28s ease,
		box-shadow 0.28s ease,
		border-color 0.28s ease;
}

.wpcrm-nav[class*="wpcrm-nav--"] .wpcrm-nav__link:hover,
.wpcrm-nav[class*="wpcrm-nav--"] .wpcrm-nav__link:focus-visible {
	background: var(--wpcrm-nav-accent-soft);
	color: var(--wpcrm-nav-accent);
	transform: translateY(-1px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

.wpcrm-nav--glow .wpcrm-nav__link:hover,
.wpcrm-nav--glow .wpcrm-nav__link:focus-visible {
	box-shadow: 0 0 18px var(--wpcrm-nav-glow, rgba(99, 102, 241, 0.35));
}

.wpcrm-nav--glow .wpcrm-nav__item--highlighted > .wpcrm-nav__link {
	animation: wpcrm-nav-highlight-glow 4s ease-in-out infinite;
}

/* برجسته — اولویت بالاتر از قوانین تم و استایل قالب سایت */
.wpcrm-nav[class*="wpcrm-nav--"] .wpcrm-nav__item--highlighted > a.wpcrm-nav__link,
.wpcrm-nav[class*="wpcrm-nav--"] .wpcrm-nav__item--highlighted > a.wpcrm-nav__link:hover,
.wpcrm-nav[class*="wpcrm-nav--"] .wpcrm-nav__item--highlighted > a.wpcrm-nav__link:focus-visible {
	color: var(--wpcrm-nav-highlight-text, var(--wpcrm-nav-text)) !important;
	background: var(--wpcrm-nav-highlight-bg, var(--wpcrm-nav-accent-soft));
}

.wpcrm-nav--gradient .wpcrm-nav__item--highlighted > .wpcrm-nav__link,
.wpcrm-nav--gradient .wpcrm-nav__item--highlighted > .wpcrm-nav__link:hover,
.wpcrm-nav--gradient .wpcrm-nav__item--highlighted > .wpcrm-nav__link:focus-visible {
	color: #fff;
	background: rgba(255, 255, 255, 0.22);
	border-color: rgba(255, 255, 255, 0.55);
}

.wpcrm-nav--dark .wpcrm-nav__item--highlighted > .wpcrm-nav__link,
.wpcrm-nav--midnight .wpcrm-nav__item--highlighted > .wpcrm-nav__link,
.wpcrm-nav--neon .wpcrm-nav__item--highlighted > .wpcrm-nav__link,
.wpcrm-nav--gold .wpcrm-nav__item--highlighted > .wpcrm-nav__link,
.wpcrm-nav--luxury .wpcrm-nav__item--highlighted > .wpcrm-nav__link,
.wpcrm-nav--mono .wpcrm-nav__item--highlighted > .wpcrm-nav__link {
	color: var(--wpcrm-nav-highlight-text, var(--wpcrm-nav-text));
}

@keyframes wpcrm-nav-highlight-glow {
	0%,
	100% {
		box-shadow:
			0 0 0 1px var(--wpcrm-nav-accent-soft),
			0 6px 20px var(--wpcrm-nav-glow, var(--wpcrm-nav-accent-soft)),
			inset 0 1px 0 rgba(255, 255, 255, 0.12);
	}
	50% {
		box-shadow:
			0 0 0 1px var(--wpcrm-nav-accent),
			0 10px 32px var(--wpcrm-nav-glow, var(--wpcrm-nav-accent-soft)),
			inset 0 1px 0 rgba(255, 255, 255, 0.2);
	}
}

.wpcrm-nav[class*="wpcrm-nav--"] .wpcrm-nav__sub {
	background: var(--wpcrm-nav-sub-bg, rgba(255, 255, 255, 0.92)) !important;
	border: 1px solid var(--wpcrm-nav-border) !important;
	backdrop-filter: blur(20px) saturate(1.4);
	-webkit-backdrop-filter: blur(20px) saturate(1.4);
	box-shadow: 0 20px 50px rgba(15, 23, 42, 0.18);
}

@media (prefers-reduced-motion: reduce) {
	.wpcrm-nav--motion .wpcrm-nav__panel::before,
	.wpcrm-nav--motion .wpcrm-nav__panel::after,
	.wpcrm-nav--motion.wpcrm-nav--glow .wpcrm-nav__panel {
		animation: none !important;
	}
}

@media (max-width: 782px) {
	.wpcrm-nav--motion .wpcrm-nav__panel::before,
	.wpcrm-nav--motion .wpcrm-nav__panel::after,
	.wpcrm-nav--motion.wpcrm-nav--glow .wpcrm-nav__panel,
	.wpcrm-nav--glow .wpcrm-nav__item--highlighted > .wpcrm-nav__link {
		animation: none !important;
	}

	.wpcrm-nav[class*="wpcrm-nav--"]:not(.wpcrm-nav--minimal):not(.wpcrm-nav--underline) .wpcrm-nav__panel {
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
	}

	.wpcrm-nav[class*="wpcrm-nav--"] .wpcrm-nav__link:hover,
	.wpcrm-nav[class*="wpcrm-nav--"] .wpcrm-nav__link:focus-visible,
	.wpcrm-nav[class*="wpcrm-nav--"] .wpcrm-nav__link:active {
		transform: none !important;
	}
}