/* =============================================================================
 * Correctifs CSS migration Divi 4 -> Divi 5 (M4) — thème enfant oaka-divi-edenmobilier
 *
 * Cause racine commune (diag M4, recette-m4/diag-liens-styles.md) :
 * la feuille globale du Customizer Divi impose, avec !important :
 *     .et_pb_text a { color:#9c8876 !important; text-decoration:underline !important; ... }
 * En Divi 4, la couleur de ces liens « bouton texte » était portée par les
 * réglages de design du module (blanc sur fond sombre, foncé sur fond clair) et
 * rendue avec une spécificité/priorité qui battait la règle globale. Le Migrator
 * D5 n'a pas reporté ces couleurs au niveau module pour 3 liens sans classe
 * dédiée (className=""), qui retombent donc sur la couleur de lien globale
 * = taupe rgb(156,136,118) + underline.
 *
 * Reciblage contextuel ci-dessous (sélecteurs ancrés sur la structure DOM D5
 * réelle, avec !important pour battre la règle globale du Customizer).
 * ========================================================================== */

/* 1. « Toutes les marques » — bandeau titre marque (ex. /marques/umbrosa/)
 *    Module texte #af-marque-title sur fond sombre. Attendu D4 : blanc, SANS underline,
 *    en MAJUSCULES (text-transform:uppercase) et 18px — valeurs vérifiées sur prod D4
 *    le 2026-06-23 (complément tâche a4faefc1, qui n'avait traité que couleur+underline).
 *    Le HTML est en casse mixte (« Toutes les marques ») ; l'effet uppercase venait
 *    d'une règle CSS oaka contextuelle non reportée par le Migrator D5. */
#af-marque-title .et_pb_text_inner a,
#af-marque-title .et_pb_text_inner a:visited {
    color: #ffffff !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
}

/* 2. « réservation visite » — CTA Calendly du footer (Theme Builder, toutes pages)
 *    Module texte et_pb_text_1_tb_footer sur fond sombre. Attendu D4 : blanc + underline.
 *    (Le Migrator a bien généré la règle blanche du module, mais sans !important :
 *     elle perdait face au !important global. On la ré-affirme.) */
.et-l--footer .et_pb_text_1_tb_footer .et_pb_text_inner a,
.et-l--footer .et_pb_text_1_tb_footer .et_pb_text_inner a:visited {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* 3. « Mobilier Extérieur » — section recherche mobilier (/mobilier-exterieur/)
 *    Module texte et_pb_text_3 dans #section_recherche_mobilier, fond clair.
 *    Attendu D4 : quasi-noir #231f20 + underline. */
#section_recherche_mobilier .et_pb_text_3 .et_pb_text_inner a,
#section_recherche_mobilier .et_pb_text_3 .et_pb_text_inner a:visited {
    color: #231f20 !important;
    text-decoration: underline !important;
}

/* 4. Icônes réseaux sociaux du footer — recentrage perdu en D5 (Theme Builder)
 *    Footer = 3 modules divi/icon (Facebook, Instagram, TikTok), un par colonne 1/3
 *    (.et_pb_icon_0/_1/_2_tb_footer dans .et_pb_row_1_tb_footer). En D4 chaque icône
 *    était centrée dans sa colonne -> bloc visuellement centré.
 *
 *    Cause RÉELLE du non-centrage (mesurée en rendu réel le 2026-06-23, getBoundingClientRect) :
 *    le Migrator émet, SANS media query, des règles d'alignement responsive héritées du
 *    tablet/phone : `.et_pb_icon_0_tb_footer{text-align:left}` et
 *    `.et_pb_icon_2_tb_footer{text-align:right}` (l'icône 1 reste center). MAIS surtout le
 *    module `<a class="et_pb_icon">` est rendu en **display:inline** : poser text-align
 *    SUR lui (correctif ef293a3a initial) est INERTE — text-align n'agit que sur le contenu
 *    inline d'un conteneur BLOC. L'élément bloc à centrer est la **colonne** parente.
 *    Les 3 icônes se collaient donc à gauche de leur colonne (icon.left == col.left).
 *
 *    Fix : centrer la COLONNE (bloc) qui porte chaque icône du footer.
 *    Règle PRINCIPALE = classes de colonnes explicites _3/_4/_5_tb_footer (stables dans
 *    le template TB footer). PROUVÉ en rendu réel le 2026-06-23 : avec cette règle, le
 *    centre de chaque icône coïncide au pixel avec le centre de sa colonne.
 *    NB : ne PAS fusionner avec un sélecteur :has() dans la même liste séparée par
 *    virgules — un :has() jugé invalide à l'analyse fait tomber TOUTE la règle dans
 *    certains moteurs (constaté : la version groupée était silencieusement ignorée). */
.et-l--footer .et_pb_column_3_tb_footer,
.et-l--footer .et_pb_column_4_tb_footer,
.et-l--footer .et_pb_column_5_tb_footer {
    text-align: center !important;
}

/* Renfort sémantique isolé (ne casse pas la règle ci-dessus s'il est ignoré) :
   toute colonne du footer contenant directement une icône. */
.et-l--footer .et_pb_column:has(> .et_pb_icon) {
    text-align: center !important;
}