/* ================================================
   OPTIMISATIONS MOBILE POUR AMÉLIORER LES PERFORMANCES
   ================================================ */

/* Désactiver les animations coûteuses sur mobile */
@media (max-width: 768px) {
  
  /* Désactiver toutes les animations en boucle SAUF le carousel de témoignages */
  .services-comic,
  .services-comic::before,
  .services-comic::after,
  .about-comic,
  .about-comic::before,
  .about-comic::after,
  .team-comic,
  .team-comic::before,
  .team-comic::after,
  .contact-comic,
  .contact-comic::before,
  .contact-comic::after,
  .recent-articles-section,
  .recent-articles-section::before,
  .recent-articles-section::after,
  .qualiopi-section,
  .qualiopi-section::before,
  .qualiopi-section::after,
  .faq-comic,
  .faq-comic::before,
  .faq-comic::after,
  .hero-bg::before {
    animation: none !important;
  }
  
  /* Garder la vidéo visible sur mobile - optimisation retirée */
  /* .hero-background-video {
    display: none !important;
  } */
  
  /* Garder le carousel de témoignages VISIBLE et animé sur mobile */
  .testimonials-carousel-inner {
    animation: testimonialRotating 60s linear infinite !important;
  }
  
  .testimonial-carousel-card {
    position: absolute !important;
    opacity: 1 !important;
  }
  
  /* Simplifier les animations de fond */
  .services-comic::before,
  .services-comic::after,
  .about-comic::before,
  .about-comic::after,
  .team-comic::before,
  .team-comic::after,
  .contact-comic::before,
  .contact-comic::after,
  .recent-articles-section::before,
  .recent-articles-section::after,
  .qualiopi-section::before,
  .qualiopi-section::after,
  .faq-comic::before,
  .faq-comic::after {
    opacity: 0.1 !important;
  }
  
  /* Simplifier les transformations 3D SAUF le carousel de témoignages */
  .service-card,
  .city-card,
  .recent-article-card,
  .faq-item {
    transform: none !important;
    transition: none !important;
  }
  
  /* Réduire les ombres pour améliorer le rendu */
  .service-card,
  .city-card,
  .btn-comic,
  .faq-item {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
  }
  
  /* Optimiser le hero */
  .hero-comic {
    min-height: 70vh;
  }
  
  .hero-bg::before {
    animation: none !important;
    opacity: 0.3;
  }
  
  /* Désactiver les animations au survol sur mobile (inutiles) */
  .service-card:hover,
  .city-card:hover,
  .btn-comic:hover,
  .recent-article-card:hover {
    transform: none !important;
  }
  
  /* Améliorer les performances du carousel - GARDER L'ANIMATION */
  .testimonials-carousel-wrapper {
    overflow: visible;
    -webkit-overflow-scrolling: touch;
  }
  
  /* Ralentir légèrement le carousel sur mobile pour meilleures performances */
  .testimonials-carousel-inner {
    animation: testimonialRotating 80s linear infinite !important;
  }
  
  /* Simplifier les dégradés complexes */
  .services-comic {
    background: #a29bfe !important;
  }
  
  /* Réduire la complexité du hero */
  .welcome-text {
    background: rgba(238, 174, 202, 0.95) !important;
  }
  
  /* Désactiver will-change (peut consommer de la mémoire) */
  * {
    will-change: auto !important;
  }
}

/* Optimisations pour les très petits écrans */
@media (max-width: 480px) {
  
  /* Réduire encore plus la complexité */
  .hero-quick-stats {
    gap: 8px;
  }
  
  .hero-stat {
    padding: 8px 6px;
  }
  
  .stat-number {
    font-size: 1.4em;
  }
  
  /* Simplifier les cartes */
  .service-card,
  .city-card {
    border-width: 2px;
  }
  
  /* Réduire les espacements */
  .services-comic,
  .about-comic,
  .team-comic,
  .contact-comic,
  .recent-articles-section,
  .qualiopi-section,
  .faq-comic {
    padding: 50px 0;
  }
}

/* Mode économie d'énergie */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Optimisation pour les connexions lentes */
@media (prefers-reduced-data: reduce) {
  .hero-background-video,
  .hero-bg::before,
  .services-comic::before,
  .services-comic::after {
    display: none !important;
  }
}