/* animation.css - Animations */

/* Helper classes for JS observer */
.animate-on-scroll {
    opacity: 0;
}

.fade-in {
    transition: opacity 1s ease-in-out;
}

.fade-in.visible {
    opacity: 1;
}

.slide-up {
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.slide-up.visible {
    opacity: 1;
    transform: translateY(0);
}

.fade-out-up {
    animation: fadeOutUp 1s ease-in-out forwards;
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-50px);
        visibility: hidden;
    }
}

/* Pulse Animation for buttons */
.pulse {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(210, 180, 140, 0.7);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(210, 180, 140, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(210, 180, 140, 0);
    }
}