/* AOS Overrides for Biophilic Feel */
[data-aos] {
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1) !important;
    transition-duration: 800ms !important;
}

/* GSAP Helper Hooks */
.gsap-fade-up {
    opacity: 0;
    transform: translateY(30px);
}

.gsap-fade-left {
    opacity: 0;
    transform: translateX(-30px);
}

.gsap-fade-right {
    opacity: 0;
    transform: translateX(30px);
}

.gsap-split-text {
    opacity: 0;
}

.gsap-counter {
    opacity: 0;
    transform: scale(0.8);
}

.gsap-scale-in {
    opacity: 0;
    transform: scale(0.9);
}

/* Custom Micro-interactions */
@keyframes pulseHeart {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

.animate-pulse-slow {
    animation: pulseHeart 3s infinite ease-in-out;
}

/* WhatsApp Floating Button */
@keyframes floatWp {
    0% {
        transform: translateY(0);
        box-shadow: 0 4px 16px rgba(37, 211, 102, 0.2);
    }

    50% {
        transform: translateY(-8px);
        box-shadow: 0 12px 24px rgba(37, 211, 102, 0.3);
    }

    100% {
        transform: translateY(0);
        box-shadow: 0 4px 16px rgba(37, 211, 102, 0.2);
    }
}

.whatsapp-float-btn {
    animation: floatWp 4s infinite ease-in-out;
}

/* CSS Native Marquee For Trust Banner */
@keyframes scrollMarquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.animate-marquee {
    display: inline-block;
    white-space: nowrap;
    animation: scrollMarquee 25s linear infinite;
}

.animate-marquee:hover {
    animation-play-state: paused;
}

/* Fade in for basic visibility toggling */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fade-in {
    animation: fadeIn 0.5s ease-in-out forwards;
}

/* Reduced Motion Override for Accessibility */
@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;
    }

    .gsap-fade-up {
        opacity: 1 !important;
        transform: none !important;
    }

    .whatsapp-float-btn {
        animation: none;
    }

    .animate-marquee {
        animation: none;
    }
}