/* Enhanced Mobile Animations CSS */

/* Override any settings that disable animations on mobile */
@media (max-width: 767px) {
    [data-aos] {
        opacity: 1;
        transform: none;
        pointer-events: auto;
    }

    /* Re-enable animations on mobile */
    [data-aos].aos-animate {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    
    /* Specific animations for mobile */
    [data-aos="fade-up"].aos-animate {
        transform: translate3d(0, 0, 0);
        transition: transform 0.8s, opacity 0.8s;
    }
    
    [data-aos="fade-down"].aos-animate {
        transform: translate3d(0, 0, 0);
        transition: transform 0.8s, opacity 0.8s;
    }
    
    [data-aos="fade-right"].aos-animate {
        transform: translate3d(0, 0, 0);
        transition: transform 0.8s, opacity 0.8s;
    }
    
    [data-aos="fade-left"].aos-animate {
        transform: translate3d(0, 0, 0);
        transition: transform 0.8s, opacity 0.8s;
    }
    
    [data-aos="zoom-in"].aos-animate {
        transform: scale3d(1, 1, 1);
        transition: transform 0.8s, opacity 0.8s;
    }
    
    /* Initial states for animations on mobile */
    [data-aos="fade-up"] {
        transform: translate3d(0, 40px, 0);
        opacity: 0;
    }
    
    [data-aos="fade-down"] {
        transform: translate3d(0, -40px, 0);
        opacity: 0;
    }
    
    [data-aos="fade-right"] {
        transform: translate3d(-40px, 0, 0);
        opacity: 0;
    }
    
    [data-aos="fade-left"] {
        transform: translate3d(40px, 0, 0);
        opacity: 0;
    }
    
    [data-aos="zoom-in"] {
        transform: scale3d(0.9, 0.9, 1);
        opacity: 0;
    }
    
    /* Enhanced reveal animations for mobile */
    .reveal {
        opacity: 0;
        transform: translateY(40px);
        transition: all 0.8s ease;
    }
    
    .reveal-left {
        transform: translateX(40px);
    }
    
    .reveal-right {
        transform: translateX(-40px);
    }
    
    .reveal.active {
        opacity: 1;
        transform: translate(0);
    }
    
    .stagger-animation > * {
        opacity: 0;
        transform: translateY(30px);
        transition: opacity 0.8s ease, transform 0.8s ease;
    }
    
    .stagger-animation.active > * {
        opacity: 1;
        transform: translateY(0);
    }
    
    .stagger-animation.active > *:nth-child(1) { transition-delay: 0.1s; }
    .stagger-animation.active > *:nth-child(2) { transition-delay: 0.2s; }
    .stagger-animation.active > *:nth-child(3) { transition-delay: 0.3s; }
    .stagger-animation.active > *:nth-child(4) { transition-delay: 0.4s; }
    .stagger-animation.active > *:nth-child(5) { transition-delay: 0.5s; }
    .stagger-animation.active > *:nth-child(6) { transition-delay: 0.6s; }
    
    /* Feature card animations on mobile */
    .feature-card {
        opacity: 0;
        transform: translateY(40px);
        transition: all 0.8s ease;
    }
    
    .feature-card.aos-animate {
        opacity: 1;
        transform: translateY(0);
    }
    
    /* Hero text animations on mobile */
    .hero-text {
        opacity: 0;
        transform: translateY(30px);
        transition: opacity 1s ease, transform 1s ease;
    }
    
    .hero-text.aos-animate {
        opacity: 1;
        transform: translateY(0);
    }
    
    /* Remove optimization class that might disable animations */
    .reduced-motion,
    .low-end-device {
        display: initial !important;
    }
    
    /* Ensure animations continue to run on scroll */
    .animate-on-scroll {
        opacity: 0;
        transform: translateY(40px);
        transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    }
    
    .animate-on-scroll.visible {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Explicitly enable animations */
[data-aos] {
    pointer-events: auto !important;
}

/* Additional performance improvements for smoother animations */
.feature-card,
.testimonial,
.category-card,
.stat-item,
.hero-text,
.about-image,
.remine-info,
.remine-image,
.contact-info,
.contact-form {
    will-change: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}