/**
 * home-perf.css — allègements GPU / mobile (page d’accueil).
 */

/* Contenu hors viewport */
body.page-home.home-v2 #features,
body.page-home.home-v2 #how-it-works,
body.page-home.home-v2 #pricing,
body.page-home.home-v2 #faq,
body.page-home.home-v2 .section-testimonials,
body.page-home.home-v2 .hv-final,
body.page-home.home-v2 .main-footer {
  content-visibility: auto;
  contain-intrinsic-size: auto 640px;
}

/* ========== MOBILE LITE — classe early + ≤768px ========== */
html.mqcm-mobile-lite body.page-home.home-v2 .main-header,
html.mqcm-mobile-lite body.page-home.home-v2 .hero-panel,
html.mqcm-mobile-lite body.page-home.home-v2 .nav-drawer,
html.mqcm-mobile-lite body.page-home.home-v2 .nav-backdrop {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.mqcm-mobile-lite body.page-home.home-v2 .hv-orb,
html.mqcm-mobile-lite body.page-home.home-v2 .hero-video,
html.mqcm-mobile-lite body.page-home.home-v2 .home-hero-copy__deco,
html.mqcm-mobile-lite body.page-home.home-v2 .home-hero-copy__grid,
html.mqcm-mobile-lite body.page-home.home-v2 .home-hero-copy__glow,
html.mqcm-mobile-lite body.page-home.home-v2 .hero-section::before,
html.mqcm-mobile-lite body.page-home.home-v2 .home-hero-aside {
  display: none !important;
}

html.mqcm-mobile-lite body.page-home.home-v2 *,
html.mqcm-mobile-lite body.page-home.home-v2 *::before,
html.mqcm-mobile-lite body.page-home.home-v2 *::after {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}

@media (max-width: 768px) {
  /* Pas de flou / verre */
  body.page-home.home-v2 .main-header,
  body.page-home.home-v2 .hero-panel,
  body.page-home.home-v2 .nav-drawer,
  body.page-home.home-v2 .nav-backdrop {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body.page-home.home-v2 .main-header {
    background: #f8fafc !important;
    box-shadow: none !important;
  }

  html[data-theme="dark"] body.page-home.home-v2 .main-header,
  html.theme-dark body.page-home.home-v2 .main-header {
    background: #0f172a !important;
  }

  /* Orbes + dégradés animés = très coûteux sur GPU mobile */
  body.page-home.home-v2 .hv-orb,
  body.page-home.home-v2 .hero-video,
  body.page-home.home-v2 .home-hero-copy__deco,
  body.page-home.home-v2 .home-hero-copy__grid,
  body.page-home.home-v2 .home-hero-copy__glow,
  body.page-home.home-v2 .hero-section::before {
    display: none !important;
  }

  /* Mockup QCM : masqué sur téléphone (gros DOM + animations) */
  body.page-home.home-v2 .home-hero-aside {
    display: none !important;
  }

  body.page-home.home-v2 .hero-shell,
  body.page-home.home-v2 .home-hero-grid,
  body.page-home.home-v2 .hero {
    min-height: 0 !important;
    gap: 1rem !important;
  }

  body.page-home.home-v2 .hero-section {
    min-height: 0 !important;
  }

  body.page-home.home-v2 .hero-backdrop-gradient {
    animation: none !important;
    filter: none !important;
    opacity: 0.85;
  }

  /* Couper toutes les animations / transitions de l’accueil */
  body.page-home.home-v2 *,
  body.page-home.home-v2 *::before,
  body.page-home.home-v2 *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }

  body.page-home.home-v2 .hv-orb,
  body.page-home.home-v2 [class*="floating"],
  body.page-home.home-v2 .hv-floating {
    will-change: auto !important;
    filter: none !important;
  }

  /* Ombres lourdes → plates */
  body.page-home.home-v2 .hero-panel,
  body.page-home.home-v2 .feature-card,
  body.page-home.home-v2 .pricing-card,
  body.page-home.home-v2 .faq-item,
  body.page-home.home-v2 .testimonial-card {
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
  }

  /* Témoignages carousel : version simple (pas de paint continu) */
  body.page-home.home-v2 .testimonials-viewport,
  body.page-home.home-v2 .hv-testimonials__viewport {
    overflow: visible !important;
  }

  body.page-home.home-v2 .section-testimonials .testimonial-card:nth-child(n + 3) {
    display: none !important;
  }

  /* Moins de travail paint au scroll */
  body.page-home.home-v2 #features,
  body.page-home.home-v2 #how-it-works,
  body.page-home.home-v2 #pricing,
  body.page-home.home-v2 #faq,
  body.page-home.home-v2 .section-testimonials,
  body.page-home.home-v2 .hv-final,
  body.page-home.home-v2 .main-footer,
  body.page-home.home-v2 .section-stats {
    content-visibility: auto;
    contain-intrinsic-size: auto 420px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-home.home-v2 .main-header,
  body.page-home.home-v2 .hero-panel,
  body.page-home.home-v2 .nav-drawer,
  body.page-home.home-v2 .nav-backdrop {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body.page-home.home-v2 .hero-backdrop-gradient,
  body.page-home.home-v2 .hv-orb {
    animation: none !important;
  }
}

@media (min-width: 769px) {
  body.page-home.home-v2 .main-header {
    backdrop-filter: blur(10px) saturate(1.12);
    -webkit-backdrop-filter: blur(10px) saturate(1.12);
  }

  body.page-home.home-v2 .hero-panel:not(.home-hero-copy) {
    backdrop-filter: blur(12px) saturate(120%);
    -webkit-backdrop-filter: blur(12px) saturate(120%);
  }
}