/* Complément demandé après intégration : ombres seulement.
   Aucune police, dimension, couleur de fond, position ou mécanique sticky modifiée.
   Les avis Google et le footer validés sont exclus de ces sélecteurs. */

/* Un seul contact d'ombre par jonction ; les deux sections jaunes sont déjà traitées. */
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal > :is(#case, #blocages, #services, #pricing, #faire-le-point, #questions) {
  box-shadow: inset 0 24px 32px -28px rgb(32 38 46 / .30);
}

/* Séparation existante avant « Ce que je fais » : aucun encart ajouté aux avis. */
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal #about .hr1 {
  box-shadow: 0 10px 18px rgb(41 52 65 / .12);
}
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal #about .hr1 + .section-title {
  box-shadow: 0 26px 26px -30px rgb(41 52 65 / .38);
}

/* Les quatre aplats semblent posés au-dessus du fond, avec une diffusion centrée. */
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal #about .seo-services .who {
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / .16),
    0 14px 24px -12px rgb(41 52 65 / .25),
    0 36px 48px -24px rgb(41 52 65 / .18);
}

/* Même distance visuelle pour les surfaces encore trop proches de leur fond. */
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal :is(
  #case .ws24-case-card,
  #clarte .ws24-cause-card,
  #blocages .ws24-bloque-visual,
  #methode .ws24-pmo-conclusion,
  #services .service-widget,
  #faire-le-point > .container
) {
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / .82),
    0 16px 28px -14px rgb(41 52 65 / .24),
    0 38px 52px -26px rgb(41 52 65 / .18);
}

/* Les deux cartes sur le jaune reçoivent exactement le même traitement. */
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal #difference.ws24-reading :is(.ws24-difference-card, .ws24-difference-final) {
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / .78),
    0 14px 26px -13px rgb(85 63 12 / .25),
    0 34px 48px -24px rgb(85 63 12 / .18);
}

/* Le titre demeure un plan au-dessus des cartes ; sa sortie reste pilotée par le JS existant. */
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal #pricing > .container > .section-title {
  box-shadow: 0 28px 30px -32px rgb(41 52 65 / .44);
}
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal #pricing .ws24-price-card {
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / .88),
    0 16px 28px -14px rgb(41 52 65 / .26),
    0 40px 54px -26px rgb(41 52 65 / .20);
}

/* Relief de la FAQ, indépendamment de la couleur des textes et des contrôles. */
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal #questions .ws24-faq-item,
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal #questions .ws24-faq-item[open] {
  box-shadow:
    0 12px 24px -13px rgb(41 52 65 / .21),
    0 28px 38px -24px rgb(41 52 65 / .16);
}

/* Diffusion contenue sur mobile, avec la même géométrie et les mêmes caractères. */
@media (max-width: 767px) {
  body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal > :is(#case, #blocages, #services, #pricing, #faire-le-point, #questions) {
    box-shadow: inset 0 18px 24px -21px rgb(32 38 46 / .25);
  }
  body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal :is(
    #about .seo-services .who,
    #case .ws24-case-card,
    #clarte .ws24-cause-card,
    #blocages .ws24-bloque-visual,
    #methode .ws24-pmo-conclusion,
    #services .service-widget,
    #pricing .ws24-price-card,
    #faire-le-point > .container
  ) {
    box-shadow:
      0 10px 20px -12px rgb(41 52 65 / .23),
      0 24px 34px -22px rgb(41 52 65 / .17);
  }
  body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal #difference.ws24-reading :is(.ws24-difference-card, .ws24-difference-final) {
    box-shadow:
      0 10px 22px -12px rgb(85 63 12 / .23),
      0 24px 34px -21px rgb(85 63 12 / .17);
  }
}