/* IDEV-LOG — correctif ciblé HERO mobile uniquement.
   Ne touche pas au SaaS interne, à Supabase, aux données client, ni au logo. */
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
  }

  section#home {
    min-height: calc(100svh - 82px) !important;
    background: #060b16 !important;
    isolation: isolate;
  }

  /* Le bundle met l'image en background sur le premier calque du hero.
     On force une version mobile dédiée, plus lisible en portrait. */
  section#home > div:first-child,
  section#home div.absolute.inset-0:first-child,
  section#home [style*="hero-bg-C78EJq39"],
  section#home [style*="background-image"] {
    background-image:
      linear-gradient(180deg, rgba(3,7,18,.34) 0%, rgba(3,7,18,.54) 42%, rgba(3,7,18,.72) 100%),
      url('/assets/hero-bg-mobile-C78EJq39.png?v=20260429m3') !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    opacity: 1 !important;
  }

  section#home h1,
  section#home h2,
  section#home p {
    text-wrap: balance;
  }

  section#home a.idev-contact-animated,
  section#home button.idev-contact-animated {
    max-width: min(92vw, 430px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 420px) {
  section#home {
    min-height: calc(100svh - 76px) !important;
  }
  section#home > div:first-child,
  section#home div.absolute.inset-0:first-child,
  section#home [style*="hero-bg-C78EJq39"],
  section#home [style*="background-image"] {
    background-position: center top !important;
  }
}