/* Profondeur de l'atelier : petits controles, cartes et grandes surfaces.
   Charger apres les autres feuilles. Aucun changement de taille ni de disposition. */
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant {
    --ws24-shadow-control:
        inset 0 1px 0 rgb(255 255 255 / .7),
        2px 3px 6px rgb(72 105 142 / .1),
        6px 8px 14px rgb(72 105 142 / .075),
        13px 18px 20px rgb(72 105 142 / .025);
    --ws24-shadow-card:
        inset 0 1px 0 rgb(255 255 255 / .9),
        6px 8px 23px rgb(72 105 142 / .1),
        25px 34px 42px rgb(72 105 142 / .08),
        57px 76px 57px rgb(72 105 142 / .035);
    --ws24-shadow-surface:
        inset 0 1px 0 rgb(255 255 255 / .95),
        8px 12px 28px rgb(72 105 142 / .1),
        32px 44px 56px rgb(72 105 142 / .09),
        70px 96px 74px rgb(72 105 142 / .035);
    /* Les composants historiques qui utilisent deja cette variable restent coherents. */
    --living-elevation: var(--ws24-shadow-card);
}

/* Petites surfaces : conserver une ombre courte et une lumiere superieure fine. */
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal :is(
    #home .ws24-hero-kicker,
    #home .big-tagline .ban-btn,
    #case .ws24-gallery-controls button,
    #blocages .ws24-bloque-icon,
    #methode .ws24-pmo-circle,
    #pricing .ws24-price-btn,
    #faire-le-point .big-tagline .ban-btn
) {
    box-shadow: var(--ws24-shadow-control);
}

/* Un meme relief pour les cartes blanches, sans ombre coloree par categorie. */
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal :is(
    #case .ws24-case-card,
    #about .post-media img,
    #clarte .ws24-cause-card,
    #difference .ws24-difference-card,
    #difference .ws24-difference-final,
    #methode .ws24-pmo-conclusion,
    #services .service-widget,
    #pricing .ws24-price-card
) {
    box-shadow: var(--ws24-shadow-card);
}

/* Les aplats gardent leurs quatre couleurs ; seul un reflet transparent est ajoute. */
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal #about .seo-services .who {
    background-image: linear-gradient(180deg, rgb(255 255 255 / .035), rgb(255 255 255 / 0) 36%);
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / .12),
        4px 6px 18px rgb(72 105 142 / .1),
        18px 25px 32px rgb(72 105 142 / .08),
        40px 54px 46px rgb(72 105 142 / .03);
}

/* Sur le jaune, attenuer les deux cartes de facon identique pour les equilibrer. */
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal #difference {
    --ws24-shadow-card:
        inset 0 1px 0 rgb(255 255 255 / .8),
        3px 5px 16px rgb(72 105 142 / .07),
        13px 18px 30px rgb(72 105 142 / .055),
        28px 38px 40px rgb(72 105 142 / .025);
}

/* Grandes surfaces : resultats, illustration de blocage et invitation finale. */
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal :is(
    #resultat-client .ws24-resultat-panel,
    #blocages .ws24-bloque-visual,
    #faire-le-point > .container
) {
    box-shadow: var(--ws24-shadow-surface);
}

/* FAQ : faible profondeur fermee, profondeur de carte lorsque la reponse est ouverte. */
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal #questions .ws24-faq-item {
    box-shadow: var(--ws24-shadow-control);
}

body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal #questions .ws24-faq-item[open] {
    box-shadow: var(--ws24-shadow-card);
}

/* L'ornement de l'invitation reprend la meme teinte d'ombre que les controles. */
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal #faire-le-point::before,
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal #faire-le-point::after {
    box-shadow: var(--ws24-shadow-control);
}

/* La preuve sous le titre des services reste entierement libre, sans encart. */
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal #about .ws24-services-trust,
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal #about .ws24-services-trust__rating,
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal #about .ws24-services-trust__review {
    background: transparent;
    box-shadow: none;
}

/* Ne pas perdre l'anneau blanc de focus du theme sous les nouveaux reliefs. */
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal :is(
    #home .big-tagline .ban-btn,
    #case .ws24-gallery-controls button,
    #pricing .ws24-price-btn,
    #faire-le-point .big-tagline .ban-btn
):focus-visible {
    box-shadow: 0 0 0 4px #fff, var(--ws24-shadow-control);
}

/* Sur petits ecrans, contenir la diffusion sans modifier les espacements. */
@media (max-width: 767px) {
    body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant {
        --ws24-shadow-card:
            inset 0 1px 0 rgb(255 255 255 / .9),
            3px 5px 14px rgb(72 105 142 / .09),
            11px 16px 24px rgb(72 105 142 / .075),
            25px 34px 34px rgb(72 105 142 / .035);
        --ws24-shadow-surface:
            inset 0 1px 0 rgb(255 255 255 / .95),
            4px 6px 18px rgb(72 105 142 / .1),
            17px 24px 34px rgb(72 105 142 / .08),
            36px 48px 48px rgb(72 105 142 / .035);
    }
}

/* Demande du 22 octobre : seul le bouton final rouge devient noir avec relief.
   Aucune fonte, dimension, autre couleur de carte ou barre GSC ne change. */
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal #faire-le-point .big-tagline .ban-btn {
    background: #191919;
    color: #fff;
    border-color: #191919;
    box-shadow: 0 1px 0 #050505, 0 8px 16px -8px rgb(0 0 0 / .28), inset 0 1px 0 rgb(255 255 255 / .14);
}
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal #faire-le-point .big-tagline .ban-btn:hover {
    background: #292929;
    color: #fff;
    border-color: #292929;
}
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #contenu-principal #faire-le-point .big-tagline .ban-btn:focus-visible {
    background: #191919;
    color: #fff;
    border-color: #191919;
    box-shadow: 0 1px 0 #050505, 0 8px 16px -8px rgb(0 0 0 / .28), inset 0 1px 0 rgb(255 255 255 / .14);
    outline: 3px solid #191919 !important; /* Le thème historique force outline:none !important. */
    outline-offset: 5px;
}