@media (prefers-reduced-motion: no-preference) {
	/* Target the Elementor site logo widget specifically */
	.elementor-widget-theme-site-logo img {
		animation: ym-glow-pulse-2a8463de 4s ease-in-out infinite alternate, ym-shake-2a8463de 1s ease-in-out infinite;
	}

	/* Optional: If the logo is an inline SVG with these classes, target them directly to keep "SOCIALS" still */
	.elementor-widget-theme-site-logo svg .ym-ring,
	.elementor-widget-theme-site-logo svg .ym-crown,
	.elementor-widget-theme-site-logo svg .ym-lettering {
		animation: ym-glow-pulse-2a8463de 4s ease-in-out infinite alternate, ym-shake-2a8463de 1s ease-in-out infinite;
	}

	/* Ensure the wordmark stays still if it has a specific class */
	.elementor-widget-theme-site-logo svg .ym-wordmark-socials {
		animation: none !important;
		filter: none !important;
		transform: none !important;
	}

	@keyframes ym-glow-pulse-2a8463de {
		0% {
			filter: drop-shadow(0 0 2px rgba(138, 43, 226, 0.4)) drop-shadow(0 0 4px rgba(255, 215, 0, 0.3));
		}
		50% {
			filter: drop-shadow(0 0 8px rgba(138, 43, 226, 0.8)) drop-shadow(0 0 12px rgba(255, 215, 0, 0.6));
		}
		100% {
			filter: drop-shadow(0 0 2px rgba(138, 43, 226, 0.4)) drop-shadow(0 0 4px rgba(255, 215, 0, 0.3));
		}
	}

	@keyframes ym-shake-2a8463de {
		0% { transform: translate(0, 0) rotate(0deg); }
		10% { transform: translate(-1px, -1px) rotate(-1deg); }
		20% { transform: translate(1px, -1px) rotate(1deg); }
		30% { transform: translate(0px, 1px) rotate(0deg); }
		40% { transform: translate(1px, -1px) rotate(1deg); }
		50% { transform: translate(-1px, 1px) rotate(-1deg); }
		60% { transform: translate(1px, -1px) rotate(0deg); }
		70% { transform: translate(-1px, 1px) rotate(1deg); }
		80% { transform: translate(1px, -1px) rotate(-1deg); }
		90% { transform: translate(0px, 0px) rotate(0deg); }
		100% { transform: translate(0, 0) rotate(0deg); }
	}
}