/* ==========================================================================
   Farhan Hospital - Animations & Micro-Interactions (GSAP Ready)
   ========================================================================== */

/* Keyframe Animations */
@keyframes pulseAlert {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(217, 4, 41, 0.6);
    }
    70% {
        transform: scale(1.03);
        box-shadow: 0 0 0 8px rgba(217, 4, 41, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(217, 4, 41, 0);
    }
}

@keyframes pulseGold {
    0% {
        box-shadow: 0 0 0 0 rgba(212, 160, 23, 0.4);
    }
    70% {
        box-shadow: 0 0 0 8px rgba(212, 160, 23, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(212, 160, 23, 0);
    }
}

@keyframes floatBadge {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-6px);
    }
}

.hero-floating-badge {
    animation: floatBadge 4s ease-in-out infinite;
}

/* GSAP Reveal Helper Classes */
.gsap-reveal {
    opacity: 1;
    transform: none;
}

/* Reduced Motion Override (WCAG & Accessibility Standard) */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    .hero-floating-badge,
    .top-emergency-badge {
        animation: none !important;
    }
}