/* 
   Nagarahole National Park Online - Micro Animations
*/

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

/* 1. Fade In Up Animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 30px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fade-in-up {
    animation-name: fadeInUp;
    animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 2. Fade In Down Animation */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -30px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fade-in-down {
    animation-name: fadeInDown;
    animation-timing-function: ease-out;
}

/* 3. Fade In Left Animation */
@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px, 0, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fade-in-left {
    animation-name: fadeInLeft;
    animation-timing-function: ease-out;
}

/* 4. Pulse / Heartbeat effect for key booking buttons */
@keyframes pulseHeart {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.03);
        box-shadow: 0 8px 20px rgba(199, 154, 60, 0.4);
    }
    100% {
        transform: scale(1);
    }
}

.pulse-button {
    animation: pulseHeart 2s infinite ease-in-out;
}

/* 5. Smooth text reveal */
@keyframes textReveal {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

/* 6. Card Hover Zoom Effect (in-line in style.css, but documented here) */
.zoom-hover {
    transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.zoom-hover:hover {
    transform: scale(1.05);
}

/* Animation Delay Utility Classes */
.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.2s; }
.delay-300 { animation-delay: 0.3s; }
.delay-400 { animation-delay: 0.4s; }
.delay-500 { animation-delay: 0.5s; }