/**
 * EliteAds Agency Child Theme — Interactive Mouse Spotlight, 3D Card Tilt & Luxury Hover Effects
 * Respects prefers-reduced-motion.
 */

/* Navigation Underline Animation */
.eliteads-nav-list > li > a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg, var(--eliteads-liquid-gold), var(--eliteads-neon-mint));
	transform: scaleX(0);
	transform-origin: right center;
	transition: transform var(--eliteads-transition);
}

.eliteads-nav-list > li > a:hover::after,
.eliteads-nav-list > li.current-menu-item > a::after {
	transform: scaleX(1);
	transform-origin: left center;
}

/* Interactive Card Top Gradient Shimmer Line */
.eliteads-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--eliteads-liquid-gold), var(--eliteads-neon-mint));
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
	z-index: 3;
}

.eliteads-card:hover::before {
	transform: scaleX(1);
}

/* Mouse-Tracking Radial Spotlight Overlay inside Cards (--mouse-x, --mouse-y set by JS) */
.eliteads-card::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: radial-gradient(
		380px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
		rgba(212, 175, 55, 0.16),
		rgba(0, 255, 194, 0.05) 45%,
		transparent 80%
	);
	opacity: 0;
	transition: opacity 280ms ease;
	pointer-events: none;
	z-index: 1;
}

.eliteads-card:hover::after {
	opacity: 1;
}

.eliteads-card > * {
	position: relative;
	z-index: 2;
}

/* 3D Magnetic Card Elevation & Tilt */
.eliteads-card {
	transform: perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(0);
	transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1), border-color 240ms ease, box-shadow 240ms ease;
	will-change: transform;
}

.eliteads-card:hover {
	border-color: var(--eliteads-liquid-gold) !important;
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.52), 0 0 22px rgba(212, 175, 55, 0.14);
}

/* Card Image Zoom on Hover */
.eliteads-card .elementor-widget-image img {
	transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

.eliteads-card:hover .elementor-widget-image img {
	transform: scale(1.05);
}

/* Ambient Soft Golden Cursor Aura (Desktop only, non-blocking pointer-events: none) */
.eliteads-cursor-glow {
	position: fixed;
	top: 0;
	left: 0;
	width: 340px;
	height: 340px;
	margin-left: -170px;
	margin-top: -170px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(212, 175, 55, 0.11) 0%, rgba(0, 255, 194, 0.04) 45%, transparent 72%);
	pointer-events: none;
	z-index: 9998;
	opacity: 0;
	transition: opacity 300ms ease;
	will-change: transform;
}

@media (hover: none), (pointer: coarse) {
	.eliteads-cursor-glow {
		display: none !important;
	}
}

/* Scroll Reveal */
.eliteads-reveal {
	opacity: 0;
	transform: translateY(16px);
	transition: opacity 460ms ease-out, transform 460ms cubic-bezier(0.22, 1, 0.36, 1);
}

.eliteads-reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}

	.eliteads-card {
		transform: none !important;
	}

	.eliteads-cursor-glow {
		display: none !important;
	}

	.eliteads-reveal {
		opacity: 1 !important;
		transform: none !important;
	}
}