/* Special fix for mobile animations - highest priority */

/* Force all data-aos elements to actually animate */
[data-aos] {
    transition: opacity .8s ease-in-out, transform .8s ease-in-out !important;
}

/* Target mobile devices specifically */
@media (max-width: 991px) {
    /* Ensure elements start in their pre-animation state */
    [data-aos]:not(.aos-animate) {
        opacity: 0 !important;
    }
    
    /* Define specific animations for different animation types */
    [data-aos="fade-up"]:not(.aos-animate) {
        transform: translateY(50px) !important;
    }
    
    [data-aos="fade-down"]:not(.aos-animate) {
        transform: translateY(-50px) !important;
    }
    
    [data-aos="fade-right"]:not(.aos-animate) {
        transform: translateX(-50px) !important;
    }
    
    [data-aos="fade-left"]:not(.aos-animate) {
        transform: translateX(50px) !important;
    }
    
    [data-aos="zoom-in"]:not(.aos-animate) {
        transform: scale(0.9) !important;
    }
    
    /* Make sure animations are visible when active */
    [data-aos].aos-animate {
        opacity: 1 !important;
        transform: translateY(0) !important;
        transform: translateX(0) !important;
        transform: scale(1) !important;
    }
    
    /* Override any settings that might disable mobile animations */
    .reduced-motion [data-aos],
    .low-end-device [data-aos] {
        transition: opacity .8s ease-in-out, transform .8s ease-in-out !important;
    }
    
    /* Make animations visible when debugging */
    [data-aos].debug-highlight {
        box-shadow: 0 0 0 3px red !important;
    }
}