/* ============================================
   MOBILE PERFORMANCE OVERRIDES (< 720px)
   Coupe les animations CPU-intensives mobile
   en gardant le rendu visuel statique
   ============================================ */

@media (max-width: 720px) {

  /* Galaxy canvas : reduire */
  #galaxy-bg { opacity: 0.5; }

  /* Char-reveal : desactiver */
  .char-reveal, .hero-title em, .hero-title span {
    animation: none !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }

  /* Bordures coniques animees : figer */
  .teaser-card::before,
  .infini-card-visual::before,
  .hero-signature-badge::before,
  .footer-signature-btn::before,
  .search-bar-wrap::before {
    animation: none !important;
  }

  /* Halos et etoiles images 24H/60s : figer */
  .facon-card-visual::before,
  .facon-card-visual::after,
  .facon-orbit-ring {
    animation: none !important;
  }
  .facon-card-visual img {
    animation: none !important;
  }

  /* Teaser logos : pas de pulsation */
  .teaser-card-logo img {
    animation: none !important;
  }
  .teaser-card-logo::before {
    animation: none !important;
  }

  /* CTA shimmer : fige */
  .btn-configurateur,
  .btn-configurateur-mobile,
  .sticky-cta-btn,
  .hero-ctas .btn-primary,
  .flash-countdown {
    animation: none !important;
    background-position: 50% 50% !important;
  }

  /* Flash-pulse cards formules : fige */
  .formule-flash-badge-mini {
    animation: none !important;
  }

  /* Vortex hero : figer anneaux 2 et 3 */
  .vortex-ring.r2,
  .vortex-ring.r3 {
    animation: none !important;
    opacity: 0.6;
  }

  /* Shooting star : desactiver */
  .shooting-star {
    display: none !important;
  }

  /* Scroll reveal : accelerer */
  .reveal-on-scroll {
    transition: opacity 400ms ease-out, transform 400ms ease-out;
  }

  /* Logo pulse header : fige */
  .brand-logo-img-wrap {
    animation: none !important;
  }

  /* Icone loupe : figee */
  .search-icon {
    animation: none !important;
  }

  /* Video placeholder play button : fige */
  .video-play-btn {
    animation: none !important;
  }

  /* Testimonials placeholder icon : fige */
  .tp-icon {
    animation: none !important;
  }

  /* Nebula layer : figee */
  .nebula-layer {
    animation: none !important;
  }

  /* Live visitors dot : ralentir */
  .lv-dot {
    animation-duration: 3s !important;
  }

  /* Hero logo pulse : fige */
  .hero-logo-crop {
    animation: none !important;
  }

  /* Vortex halos : figer */
  .vortex-halo, .vortex-halo.h2, .vortex-halo.h3 {
    animation: none !important;
  }
}

/* prefers-reduced-motion: handled by a11y.css */

body.galaxy-static-mode::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 20% 30%, rgba(232, 64, 216, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(0, 212, 255, 0.12) 0%, transparent 50%),
    radial-gradient(circle at 50% 50%, rgba(155, 92, 255, 0.10) 0%, transparent 60%),
    radial-gradient(2px 2px at 15% 25%, rgba(255, 255, 255, 0.8), transparent),
    radial-gradient(1.5px 1.5px at 85% 15%, rgba(245, 198, 89, 0.9), transparent),
    radial-gradient(2px 2px at 45% 70%, rgba(255, 255, 255, 0.7), transparent),
    radial-gradient(1.5px 1.5px at 70% 45%, rgba(232, 64, 216, 0.9), transparent),
    radial-gradient(2px 2px at 25% 85%, rgba(255, 255, 255, 0.6), transparent),
    radial-gradient(1.5px 1.5px at 90% 80%, rgba(0, 212, 255, 0.8), transparent),
    radial-gradient(2px 2px at 10% 55%, rgba(245, 198, 89, 0.7), transparent),
    radial-gradient(1.5px 1.5px at 55% 20%, rgba(255, 255, 255, 0.8), transparent),
    radial-gradient(2px 2px at 75% 90%, rgba(232, 64, 216, 0.6), transparent),
    radial-gradient(1.5px 1.5px at 35% 40%, rgba(0, 212, 255, 0.7), transparent),
    linear-gradient(180deg, #0a0518 0%, #050210 100%);
  background-attachment: fixed;
}
body.galaxy-static-mode .nebula-layer {
  opacity: 0.8;
}