/**
 * MN Eletricks - Main Animation Styles
 * 
 * Core animation classes and utilities for MN Eletricks plugin
 */

/* Base animation class */
.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
}

.animated.infinite {
	animation-iteration-count: infinite;
}

.animated.delay-1s {
	animation-delay: 1s;
}

.animated.delay-2s {
	animation-delay: 2s;
}

.animated.delay-3s {
	animation-delay: 3s;
}

.animated.delay-4s {
	animation-delay: 4s;
}

.animated.delay-5s {
	animation-delay: 5s;
}

.animated.fast {
	animation-duration: 0.8s;
}

.animated.faster {
	animation-duration: 0.5s;
}

.animated.slow {
	animation-duration: 2s;
}

.animated.slower {
	animation-duration: 3s;
}

/* MN Eletricks specific classes */
.mn-entrance-animation {
	opacity: 0;
	animation-fill-mode: both;
}

.mn-entrance-animation.animated {
	opacity: 1;
}

/* Viewport trigger classes */
.mn-animation-viewport {
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.6s ease;
}

.mn-animation-viewport.mn-in-viewport {
	opacity: 1;
	transform: translateY(0);
}

/* Hover trigger classes */
.mn-animation-hover:hover .mn-hover-target {
	animation-play-state: running;
}

.mn-hover-target {
	animation-play-state: paused;
}

/* Click trigger classes */
.mn-animation-click .mn-click-target {
	animation-play-state: paused;
}

.mn-animation-click.mn-clicked .mn-click-target {
	animation-play-state: running;
}

/* Responsive animation controls */
@media (max-width: 768px) {
	.animated {
		animation-duration: 0.8s;
	}
	
	.animated.slow {
		animation-duration: 1.5s;
	}
	
	.animated.slower {
		animation-duration: 2s;
	}
}

@media (prefers-reduced-motion: reduce) {
	.animated {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}