/*
* BrainSpark Digital - Custom AOS Animations
* Enhanced scroll animations and performance optimizations
*/

/* ====== PERFORMANCE OPTIMIZATIONS ====== */
/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
    [data-aos] {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        transition-delay: 0s !important;
        animation-delay: 0s !important;
    }
}

/* ====== CUSTOM ANIMATION VARIATIONS ====== */

/* Hero Section Animations */
.hero-content[data-aos="fade-right"] {
    transform: translateX(-50px);
    opacity: 0;
}

.hero-content[data-aos="fade-right"].aos-animate {
    transform: translateX(0);
    opacity: 1;
}

.hero-image[data-aos="fade-left"] {
    transform: translateX(50px);
    opacity: 0;
}

.hero-image[data-aos="fade-left"].aos-animate {
    transform: translateX(0);
    opacity: 1;
}

/* Service Cards Enhanced Animations */
.service-card[data-aos="fade-up"] {
    transform: translateY(30px) scale(0.95);
    opacity: 0;
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.service-card[data-aos="fade-up"].aos-animate {
    transform: translateY(0) scale(1);
    opacity: 1;
}

.service-card[data-aos="fade-up"].aos-animate:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

/* Process Steps Enhanced Animations */
.process-step[data-aos="fade-right"],
.process-step[data-aos="fade-left"] {
    opacity: 0;
    transform: translateX(0);
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.process-step[data-aos="fade-right"] {
    transform: translateX(-50px);
}

.process-step[data-aos="fade-left"] {
    transform: translateX(50px);
}

.process-step[data-aos="fade-right"].aos-animate,
.process-step[data-aos="fade-left"].aos-animate {
    opacity: 1;
    transform: translateX(0);
}

/* Authority Section Animations */
.stat[data-aos="zoom-in"] {
    transform: scale(0.8);
    opacity: 0;
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.stat[data-aos="zoom-in"].aos-animate {
    transform: scale(1);
    opacity: 1;
}

.stat[data-aos="zoom-in"].aos-animate:hover {
    transform: scale(1.05);
}

/* Client Logos Staggered Animation */
.client-logo[data-aos="fade-up"] {
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.client-logo[data-aos="fade-up"].aos-animate {
    transform: translateY(0);
    opacity: 1;
}

/* Certification Items */
.cert-item[data-aos="fade-left"] {
    transform: translateX(-30px);
    opacity: 0;
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.cert-item[data-aos="fade-left"].aos-animate {
    transform: translateX(0);
    opacity: 1;
}

/* Portfolio Items Enhanced */
.portfolio-item[data-aos="fade-up"] {
    transform: translateY(40px) scale(0.95);
    opacity: 0;
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.portfolio-item[data-aos="fade-up"].aos-animate {
    transform: translateY(0) scale(1);
    opacity: 1;
}

.portfolio-item[data-aos="fade-up"].aos-animate:hover {
    transform: translateY(-10px) scale(1.02);
}

/* Blog Cards Enhanced */
.blog-card[data-aos="fade-up"] {
    transform: translateY(30px);
    opacity: 0;
    transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.blog-card[data-aos="fade-up"].aos-animate {
    transform: translateY(0);
    opacity: 1;
}

.blog-card[data-aos="fade-up"].aos-animate:hover {
    transform: translateY(-5px);
}

/* Risk Items Enhanced */
.risk-item[data-aos="fade-right"] {
    transform: translateX(-40px);
    opacity: 0;
    transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.risk-item[data-aos="fade-right"].aos-animate {
    transform: translateX(0);
    opacity: 1;
}

/* CTA Section Enhanced */
.cta-wrapper[data-aos="zoom-in"] {
    transform: scale(0.9);
    opacity: 0;
    transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.cta-wrapper[data-aos="zoom-in"].aos-animate {
    transform: scale(1);
    opacity: 1;
}

/* CTA Content Elements */
.cta-badge[data-aos="fade-down"] {
    transform: translateY(-20px);
    opacity: 0;
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.cta-badge[data-aos="fade-down"].aos-animate {
    transform: translateY(0);
    opacity: 1;
}

.cta-content h2[data-aos="fade-up"],
.cta-content p[data-aos="fade-up"] {
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.cta-content h2[data-aos="fade-up"].aos-animate,
.cta-content p[data-aos="fade-up"].aos-animate {
    transform: translateY(0);
    opacity: 1;
}

.benefit-item[data-aos="fade-left"] {
    transform: translateX(-30px);
    opacity: 0;
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.benefit-item[data-aos="fade-left"].aos-animate {
    transform: translateX(0);
    opacity: 1;
}

.cta-actions[data-aos="fade-up"],
.cta-urgency[data-aos="fade-up"] {
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.cta-actions[data-aos="fade-up"].aos-animate,
.cta-urgency[data-aos="fade-up"].aos-animate {
    transform: translateY(0);
    opacity: 1;
}

/* ====== MOBILE OPTIMIZATIONS ====== */
@media screen and (max-width: 768px) {
    /* Reduce animation intensity on mobile for better performance */
    [data-aos] {
        transition-duration: 0.6s !important;
    }
    
    /* Simplify animations on mobile */
    .service-card[data-aos="fade-up"],
    .portfolio-item[data-aos="fade-up"],
    .blog-card[data-aos="fade-up"] {
        transform: translateY(20px);
    }
    
    .process-step[data-aos="fade-right"],
    .process-step[data-aos="fade-left"] {
        transform: translateX(0);
    }
    
    .risk-item[data-aos="fade-right"] {
        transform: translateX(-20px);
    }
}

@media screen and (max-width: 480px) {
    /* Further reduce animations on small screens */
    [data-aos] {
        transition-duration: 0.4s !important;
    }
    
    /* Disable complex animations on very small screens */
    .cta-wrapper[data-aos="zoom-in"] {
        transform: none;
        opacity: 1;
    }
}

/* ====== ACCESSIBILITY ENHANCEMENTS ====== */
/* Ensure focus states are visible during animations */
[data-aos]:focus {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    [data-aos] {
        transition: none !important;
        animation: none !important;
    }
}

/* ====== PERFORMANCE MONITORING ====== */
/* Add performance monitoring classes */
.aos-performance-issue {
    transition: none !important;
    animation: none !important;
}

/* ====== CUSTOM EASING FUNCTIONS ====== */
/* Smooth bounce effect for important elements */
.aos-bounce {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
}

/* Elastic effect for playful elements */
.aos-elastic {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* ====== ANIMATION TRIGGERS ====== */
/* Trigger animations when elements are 20% in viewport */
[data-aos] {
    --aos-offset: 20%;
}

/* ====== DEBUG MODE ====== */
/* Uncomment to see animation boundaries */
/*
[data-aos] {
    border: 1px solid red;
}
*/