/* Force Mobile Animations CSS */

/* Force all animations to work on mobile */
@media (max-width: 992px) {
    /* Reset all AOS elements to their initial pre-animation state */
    [data-aos] {
        transform: initial !important;
        opacity: 0 !important;
        transition: transform 0.8s ease, opacity 0.8s ease !important;
    }
    
    /* Define initial positions for different animation types */
    [data-aos="fade-up"] {
        transform: translateY(50px) !important;
    }
    
    [data-aos="fade-down"] {
        transform: translateY(-50px) !important;
    }
    
    [data-aos="fade-left"] {
        transform: translateX(50px) !important;
    }
    
    [data-aos="fade-right"] {
        transform: translateX(-50px) !important;
    }
    
    [data-aos="zoom-in"] {
        transform: scale(0.9) !important;
    }
    
    [data-aos="zoom-out"] {
        transform: scale(1.1) !important;
    }
    
    /* Animation active state (triggered when scrolled into view) */
    [data-aos].aos-animate {
        opacity: 1 !important;
        transform: translate(0, 0) !important;
        transform: scale(1) !important;
    }
    
    /* Specifically target feature cards */
    .feature-card {
        opacity: 0 !important;
        transform: translateY(30px) !important;
        transition: all 0.8s ease !important;
    }
    
    .feature-card.aos-animate {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
    
    /* Hero section animations */
    .hero-text, .hero-image {
        opacity: 0 !important;
        transform: translateY(30px) !important;
        transition: all 1s ease !important;
    }
    
    .hero-text.aos-animate, .hero-image.aos-animate {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
    
    /* About section animations */
    .about-image, .about-text, .stat-item {
        opacity: 0 !important;
        transform: translateY(30px) !important;
        transition: all 0.8s ease !important;
    }
    
    .about-image.aos-animate, .about-text.aos-animate, .stat-item.aos-animate {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
    
    /* Testimonial animations */
    .testimonial {
        opacity: 0 !important;
        transform: translateY(30px) !important;
        transition: all 0.8s ease !important;
    }
    
    .testimonial.aos-animate {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
    
    /* Category card animations */
    .category-card {
        opacity: 0 !important;
        transform: translateY(30px) !important;
        transition: all 0.8s ease !important;
    }
    
    .category-card.aos-animate {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
    
    /* Contact section animations */
    .contact-info, .contact-form {
        opacity: 0 !important;
        transform: translateY(30px) !important;
        transition: all 0.8s ease !important;
    }
    
    .contact-info.aos-animate, .contact-form.aos-animate {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
    
    /* Remine section animations */
    .remine-info, .remine-image {
        opacity: 0 !important;
        transform: translateY(30px) !important;
        transition: all 0.8s ease !important;
    }
    
    .remine-info.aos-animate, .remine-image.aos-animate {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
    
    /* Force the animations to trigger for each element when scrolled */
    .aos-init {
        visibility: visible !important;
    }
}

/* Important overrides to ensure animations work */
body.mobile-animations-enabled [data-aos] {
    transition-delay: 0s !important;
}

body.mobile-animations-enabled [data-aos].aos-animate {
    transition-delay: 0s !important;
}

/* Override any conflicting settings */
.reduced-motion [data-aos], 
.low-end-device [data-aos] {
    transition: inherit !important;
    transform: none;
    opacity: 1;
}