/* clickclip/css/animations.css */

/* Base Logic for Scroll Animations */
[data-animate] {
    opacity: 0;
    transition-property: opacity, transform;
    transition-duration: 0.8s;
    transition-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1);
}

[data-animate].in-view {
    opacity: 1;
    transform: translate(0, 0);
}

/* Fade Up */
[data-animate="fade-up"] {
    transform: translateY(30px);
}

/* Fade In */
[data-animate="fade-in"] {
    transform: scale(0.95);
}

/* Slide Right */
[data-animate="slide-right"] {
    transform: translateX(-30px);
}

/* Slide Left */
[data-animate="slide-left"] {
    transform: translateX(30px);
}

/* Stagger Delays */
.delay-100 {
    transition-delay: 0.1s;
}

.delay-200 {
    transition-delay: 0.2s;
}

.delay-300 {
    transition-delay: 0.3s;
}

/* Floating Animation (Keyframes) */
@keyframes float {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }
}

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