/* V3.2.26 - Corrections ponctuelles demandees.
 * Aucun changement de structure ni de contenu :
 * - suppression definitive de la mention geographique verticale du hero ;
 * - surtitre d'accueil simplifie, sans trait decoratif ;
 * - image complete du bureau sur mobile a la place du detourage ;
 * - harmonisation du centrage des grands titres mobiles ;
 * - introduction de l'accueil legerement rapprochee du hero sur mobile.
 */

/* Accueil : la mention verticale ne doit jamais reapparaitre, quelle que soit
 * la variante de bundle ou la classe de page appliquee par WordPress. */
body.cd-site .cd-home-hero::after {
  content: none !important;
  display: none !important;
}

/* Accueil : conserver le texte utile, mais retirer le trait/status qui donnait
 * au surtitre un aspect trop code visuellement. */
body.cd-site.cd-home-2026 .cd-home-kicker {
  gap: 0 !important;
  font-size: .76rem !important;
  font-weight: 600 !important;
  letter-spacing: .015em !important;
  line-height: 1.35 !important;
  text-transform: none !important;
  opacity: .82 !important;
}

body.cd-site.cd-home-2026 .cd-home-kicker .cd-status-dot {
  display: none !important;
}

@media (max-width: 620px) {
  /* Le visuel reste exactement a son emplacement mobile, mais on affiche la
   * scene complete afin de retrouver le bureau et les ombres naturelles. */
  body.cd-site.cd-home-2026 .cd-home-stage.cd-home-stage-scene {
    aspect-ratio: auto !important;
    background: none !important;
    overflow: hidden !important;
    border-radius: .65rem !important;
  }

  body.cd-site.cd-home-2026 .cd-home-stage.cd-home-stage-scene .cd-home-scene-image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    opacity: 1 !important;
  }

  /* Introduction de l'accueil : centrage de la phrase d'ouverture et leger
   * rapprochement du hero, sans modifier la suite de la section. */
  body.cd-site.cd-home-2026 .cd-home-problem {
    padding-top: 4.5rem !important;
  }

  body.cd-site.cd-home-2026 .cd-home-introduction-lead {
    width: 100% !important;
    text-align: center !important;
  }

  body.cd-site.cd-home-2026 .cd-home-introduction-lead p {
    max-width: 24ch !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
    text-wrap: balance;
  }

  /* La page Methode avait un cas particulier : son grand titre de debut de
   * section se trouve dans la seconde colonne, apres la petite note. */
  body.cd-site .cd-method-start-grid > div > h2 {
    width: 100% !important;
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
    text-wrap: balance;
  }

  body.cd-site .cd-method-start-note {
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }
}

/* V3.2.27 - Accueil mobile uniquement : integration douce de la scene du hero.
 * Le visuel conserve toute sa matiere mais se fond progressivement dans le noir
 * du hero sur les quatre bords. Aucun changement de position ni de dimensions. */
@media (max-width: 620px) {
  body.cd-site.cd-home-2026 .cd-home-stage.cd-home-stage-scene {
    background: #0f0f0d !important;
    overflow: hidden !important;
  }

  body.cd-site.cd-home-2026 .cd-home-stage.cd-home-stage-scene::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: -1px !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background:
      linear-gradient(
        to bottom,
        #0f0f0d 0%,
        rgba(15, 15, 13, .78) 5%,
        rgba(15, 15, 13, .34) 13%,
        rgba(15, 15, 13, 0) 26%,
        rgba(15, 15, 13, 0) 70%,
        rgba(15, 15, 13, .22) 82%,
        rgba(15, 15, 13, .68) 93%,
        #0f0f0d 100%
      ),
      linear-gradient(
        to right,
        #0f0f0d 0%,
        rgba(15, 15, 13, .62) 4%,
        rgba(15, 15, 13, .24) 10%,
        rgba(15, 15, 13, 0) 18%,
        rgba(15, 15, 13, 0) 82%,
        rgba(15, 15, 13, .24) 90%,
        rgba(15, 15, 13, .62) 96%,
        #0f0f0d 100%
      ) !important;
  }

  body.cd-site.cd-home-2026 .cd-home-stage.cd-home-stage-scene .cd-home-scene-image {
    position: relative !important;
    z-index: 1 !important;
  }
}