/* ==========================================================================
   MOBILE OPTIMIZATIONS - Reduces jank and improves mobile experience
   ========================================================================== */

/* Disable expensive animations on mobile */
@media (max-width: 768px) {
    .marquee-content {
        animation-duration: 60s;
    }

    * {
        transition-duration: 0.2s !important;
    }

    /* Preserve specific longer animations */
    .marquee-content {
        transition-duration: 0s !important;
    }

    .hover\:scale-110:hover {
        transform: none !important;
    }

    .review-card:hover {
        transform: none !important;
    }
}

/* Support reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

    .marquee-content {
        animation: none !important;
    }

    .reviews-track {
        animation: none !important;
    }

    .reveal-text span {
        opacity: 1 !important;
        transform: none !important;
    }

    .letter-reveal span {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
    }
}

/* GPU acceleration for smooth animations */
#main-nav {
    will-change: background-color;
    transform: translateZ(0);
}