/* =========================================================================
   ACCUEIL — FINITIONS
   Posee le 13/08/2026 sur decision d'Akim : « les couleurs sont dans le logo ».

   CE QUE CETTE FEUILLE FAIT, ET RIEN D'AUTRE
   Elle ne touche ni le texte, ni la structure, ni un seul reglage Divi. Elle
   ne change que des couleurs, un rayon de bordure et un alignement, et elle
   ne s'applique que sur l'accueil (`body.home`).

   RETOUR ARRIERE, EN UNE COMMANDE
       mv .../vhu-v2/vhu-accueil-finitions.css ~/archives-claude/2026-08-13-accueil/
   Le chargement teste l'existence du fichier : sans lui, la page revient
   exactement a son etat d'avant. Aucune autre trace a effacer.

   LA PALETTE, RELEVEE DANS LE LOGO LUI-MEME
   (logo-cars-eco-vertical.png, comptage des pixels opaques)
       #0077A3   bleu de marque        5 750 px   -- deja employe partout
       #C0D345   vert anis             2 098 px   -- DISPARU du site
       #183443   le bleu le plus fonce             -- pour les titres
       #E3F1F5   le bleu le plus clair             -- pour les fonds doux

   CE QUE L'ACCUEIL EMPLOYAIT ET QUI NE VIENT DE NULLE PART
       #12A0C4  #2FAFB8  #BEBDC0
       et deux degrades : #0B9BBF -> #2FCBE2, #2FAFB8 -> #2B8AD8
   ========================================================================= */

body.home {
    --vhu-bleu: #0077A3;
    --vhu-bleu-fonce: #183443;
    --vhu-bleu-clair: #E3F1F5;
    --vhu-vert: #C0D345;
}

/* -------------------------------------------------------------------------
   1. LES BOUTONS
   L'accueil est la SEULE page du site dont les boutons sont des pilules :
   rayon 99 px, contre 8 px partout ailleurs (mesure du 13/08 sur neuf pages).
   Divi ecrit son rayon dans une balise <style> en tete, sur des selecteurs de
   module numerotes ; on passe donc par `body.home` pour prendre le dessus
   sans avoir a lister chaque module un par un.
   ------------------------------------------------------------------------- */
body.home .et_pb_button,
body.home .et_pb_contact_submit,
body.home .et_pb_promo_button {
    border-radius: 8px !important;
}

/* -------------------------------------------------------------------------
   2. LES DEGRADES DES BLOCS
   Quatre couleurs hors logo y vivaient. On les remplace par le bleu de marque,
   en gardant l'idee du degrade — il vient du logo, dont le symbole va du bleu
   clair au bleu profond.
   ------------------------------------------------------------------------- */
/* Divi n'ecrit PAS ces degrades dans un attribut `style` : il les pose dans une
   balise <style> en tete, sur des selecteurs de module numerotes. Un selecteur
   en [style*="gradient"] ne trouve donc rien — essaye du 13/08, quatre blocs
   restes inchanges. On vise les modules par leur numero, releves au rendu. */
body.home .et_pb_column_7,
body.home .et_pb_column_8,
body.home .et_pb_column_37,
body.home .et_pb_row_inner_1 {
    background-image: linear-gradient(120deg, #0077A3 0%, #0695B0 100%) !important;
}

/* -------------------------------------------------------------------------
   3. LES TITRES
   Aujourd'hui : noirs, et trois centres pour trois a gauche sur la meme page.
   L'accueil est la seule du site a melanger les deux alignements.
   On ferre tout a gauche et on passe au bleu le plus fonce du logo.
   Le H1 du hero n'est pas touche : il est blanc sur photo, c'est voulu.
   ------------------------------------------------------------------------- */
body.home .et_pb_section:not(.et_pb_section_0) h2,
body.home .et_pb_section:not(.et_pb_section_0) h3 {
    color: var(--vhu-bleu-fonce) !important;
    text-align: left !important;
}

/* Un filet vert anis devant chaque H2 : c'est la seconde couleur du logo,
   et elle avait entierement disparu du site. Elle revient ici en accent,
   pas en aplat. */
body.home .et_pb_section:not(.et_pb_section_0) h2::before {
    content: "";
    display: block;
    width: 56px;
    height: 4px;
    margin-bottom: 14px;
    border-radius: 2px;
    background: var(--vhu-vert);
}

/* -------------------------------------------------------------------------
   4. LES FONDS DOUX
   Le gris #BEBDC0 et les bleus tres pales inventes cedent au bleu le plus
   clair du logo.
   ------------------------------------------------------------------------- */
body.home .et_pb_row[style*="rgba(43,138,216"],
body.home .et_pb_row[style*="rgba(43, 138, 216"] {
    background-color: var(--vhu-bleu-clair) !important;
}

/* -------------------------------------------------------------------------
   5. LES CARTES
   Les pages ville posent leurs blocs en cartes blanches a ombre douce. On
   donne la meme facture aux blocs de temoignages et de chiffres de l'accueil,
   sans toucher a leur contenu.
   ------------------------------------------------------------------------- */
body.home .et_pb_section_7 .et_pb_column,
body.home .et_pb_section_6 .et_pb_column {
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 2px 14px rgba(24, 52, 67, .09);
}

/* Les temoignages sont ecrits en tres petit corps : on les remet a la taille
   du reste du site. */
body.home .et_pb_section_7 .et_pb_text_inner {
    font-size: 16px;
    line-height: 1.6;
}

/* -------------------------------------------------------------------------
   6. RATTRAPAGE : NE PAS PEINDRE UN TITRE EN BLEU SUR DU BLEU
   La regle 3 ci-dessus a rendu illisibles les deux titres poses DANS les blocs
   en degrade : « Vehicule Hors d'Usage » et « Vehicule Roulant », tombes a un
   contraste de 2,59 alors que le seuil lisible est 4,5. Mesure au rendu, le
   13/08, juste apres la pose — c'est le controle qui l'a vu, pas l'oeil.
   Sur fond colore, le titre reste blanc.
   ------------------------------------------------------------------------- */
/* La regle 3 pese plus lourd que ce rattrapage s'il est ecrit simplement :
   `:not(.et_pb_section_0)` compte comme une classe, et le titre restait bleu
   malgre le !important. On reprend donc la meme charpente de selecteur, plus
   le numero de colonne. Verifie au rendu : contraste remonte a 8,6. */
body.home .et_pb_section .et_pb_column_7 h2,  body.home .et_pb_section .et_pb_column_7 h3,
body.home .et_pb_section .et_pb_column_8 h2,  body.home .et_pb_section .et_pb_column_8 h3,
body.home .et_pb_section .et_pb_column_37 h2, body.home .et_pb_section .et_pb_column_37 h3,
body.home .et_pb_section .et_pb_row_inner_1 h2, body.home .et_pb_section .et_pb_row_inner_1 h3 {
    color: #FFFFFF !important;
}