/* Slider Animations for Sylflora */

/* Float animations for particles */
@keyframes float {
    0% { transform: translateY(0) translateX(0); }
    50% { transform: translateY(-15px) translateX(10px); }
    100% { transform: translateY(0) translateX(0); }
}

@keyframes float-reverse {
    0% { transform: translateY(0) translateX(0); }
    50% { transform: translateY(15px) translateX(-10px); }
    100% { transform: translateY(0) translateX(0); }
}

@keyframes float-diagonal {
    0% { transform: translateY(0) translateX(0); }
    50% { transform: translateY(-12px) translateX(12px); }
    100% { transform: translateY(0) translateX(0); }
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

@keyframes fadeInOut {
    0% { opacity: 0.3; }
    50% { opacity: 0.6; }
    100% { opacity: 0.3; }
}

/* Apply animations */
.animate-float {
    animation: float 6s ease-in-out infinite;
}

.animate-float-reverse {
    animation: float-reverse 6s ease-in-out infinite;
}

.animate-float-diagonal {
    animation: float-diagonal 6s ease-in-out infinite;
}

.animate-pulse {
    animation: pulse 4s ease-in-out infinite;
}

.animate-fade {
    animation: fadeInOut 8s ease-in-out infinite;
}

/* Animation delays */
.animate-float-delay-1 {
    animation: float 7s ease-in-out infinite;
}

.animate-float-delay-2 {
    animation: float 8s ease-in-out infinite;
}

.animate-float-delay-3 {
    animation: float 9s ease-in-out infinite;
}

.animate-float-delay-1-reverse {
    animation: float-reverse 7s ease-in-out infinite;
}

.animate-float-delay-2-reverse {
    animation: float-reverse 8s ease-in-out infinite;
}

.animate-float-delay-3-reverse {
    animation: float-reverse 9s ease-in-out infinite;
}

.animate-float-delay-1-diagonal {
    animation: float-diagonal 7s ease-in-out infinite;
}

.animate-float-delay-2-diagonal {
    animation: float-diagonal 8s ease-in-out infinite;
}

.animate-float-delay-3-diagonal {
    animation: float-diagonal 9s ease-in-out infinite;
}

/* Slider transitions */
.hero-slide {
    transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Active dot styling */
.slider-dot.active {
    transform: scale(1.3);
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.8);
}