/* =========================================================
   Wah! — harmonisation des pages Divi avec la charte (voir DESIGN.md)
   Chargé sur les pages construites dans Divi (body.wah-charte), pas sur les pages de l'extension.
   Seulement la typographie, les liens, les cartes, les filtres et la forme des boutons :
   les couleurs de fond réglées dans Divi restent maîtres, le contenu reste modifiable dans le Visual Builder.
   Divi écrit ses réglages par module (.et_pb_text_3 h2…) : #main-content suffit à passer devant, sauf pour les boutons.
   ========================================================= */

/* Titres de section : Poppins 800, serrés, comme l'accueil */
.wah-charte #main-content .et_pb_text h1,
.wah-charte #main-content .et_pb_text h2,
.wah-charte #main-content .et_pb_post_title h1{font-weight:800;font-size:clamp(1.45rem,2.3vw,2.1rem);line-height:1.12;letter-spacing:-.018em;text-wrap:balance}
/* Titres des modules (appel à l'action, présentation…) : même graisse, taille laissée à Divi */
.wah-charte #main-content .et_pb_module_header{font-weight:800;letter-spacing:-.018em;line-height:1.12}
.wah-charte #main-content .et_pb_text h3{font-weight:800;letter-spacing:-.015em;line-height:1.2}

/* Texte courant (souvent saisi en h4 dans Divi) : plus d'interligne */
.wah-charte #main-content .et_pb_text :is(p,li,h4,h5){line-height:1.6}
.wah-charte #main-content .et_pb_text li{margin-bottom:.25em}

/* Liens dans le texte : soulignement cyan droit (au lieu de la vague), lilas au survol */
.wah-charte #main-content .et_pb_text :is(p,li,h3,h4,h5) a:not(.et_pb_button){text-decoration:underline;text-decoration-style:solid;text-decoration-color:#5fffff;text-decoration-thickness:3px;text-underline-offset:5px;transition:text-decoration-color .3s}
.wah-charte #main-content .et_pb_text :is(p,li,h3,h4,h5) a:not(.et_pb_button):hover{text-decoration-color:#dc87ff}
.wah-charte #main-content a:focus-visible{outline:3px solid #ff0000;outline-offset:3px;border-radius:4px}

/* Cartes « Pourquoi ? Comment ? Attention » : feuilles posées de travers, filet bleu nuit */
.wah-charte #main-content .et_pb_image_n10s{border:2px solid #000058;border-radius:6px;background:#fff;box-shadow:0 18px 34px -18px rgba(0,0,30,.45),0 3px 8px rgba(0,0,30,.12);transform:rotate(-1.2deg);transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1)}
.wah-charte #main-content .et_pb_column:nth-child(even) .et_pb_image_n10s{transform:rotate(1deg)}
.wah-charte #main-content .et_pb_column .et_pb_image_n10s:hover{transform:rotate(0) translateY(-4px);box-shadow:0 26px 40px -18px rgba(0,0,30,.5),0 4px 10px rgba(0,0,30,.14)}
.wah-charte #main-content .et_pb_image_n10s h2{font-weight:800;letter-spacing:-.01em}

/* Grilles filtrables (Go Portfolio) : pastilles et vignettes */
/* Go Portfolio colore « Tous » en plein en permanence et laisse l'étiquette choisie en contour (styles en ligne à #id) :
   ici, une seule règle pour toutes, le plein suit l'étiquette active. */
.wah-charte #main-content .gw-gopf-cats > span a{font-family:Poppins,Helvetica,Arial,sans-serif;font-weight:600;height:27px!important;line-height:24px!important;padding:0 8px!important;border:1.5px solid #000058!important;background:transparent!important;color:#000058!important;transition:background-color .25s,color .25s}
.wah-charte #main-content .gw-gopf-cats > span a:hover{background:#000058!important;color:#fff!important}
.wah-charte #main-content .gw-gopf-cats > span.gw-gopf-current a{background:#000058!important;color:#5fffff!important}
.wah-charte #main-content .gw-gopf-post{border-radius:6px;box-shadow:0 14px 26px -14px rgba(0,0,30,.5),0 2px 6px rgba(0,0,30,.12);transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1)}
.wah-charte #main-content .gw-gopf-col-wrap:nth-child(odd) .gw-gopf-post:hover{transform:translateY(-4px) rotate(-1.2deg)}
.wah-charte #main-content .gw-gopf-col-wrap:nth-child(even) .gw-gopf-post:hover{transform:translateY(-4px) rotate(1.2deg)}

/* Boutons : les deux familles de la charte (DESIGN.md › Buttons), quels que soient les réglages faits bouton par bouton.
   Divi pose ses réglages avec !important sous « body #page-container .et_pb_section » : d'où la spécificité et les !important. */

/* 1. Bouton principal : pilule bleu nuit, texte cyan ; au survol fond cyan, texte bleu nuit.
   Boutons Divi, « Télécharger » et « Appliquer le filtre » de la bibliothèque (Download Manager). */
body.wah-charte #page-container #main-content :is(.et_pb_button,.wpdm-download-link.btn,.btn-info){display:inline-block;background:#000058!important;background-image:none!important;color:#5fffff!important;border:2px solid #000058!important;border-radius:40px!important;padding:11px 22px!important;font:700 15px/1.3 Poppins,Helvetica,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;text-align:center;box-shadow:none!important;transition:background-color .25s,color .25s!important}
body.wah-charte #page-container #main-content :is(.et_pb_button,.wpdm-download-link.btn,.btn-info):is(:hover,:focus-visible){background:#5fffff!important;color:#000058!important}
/* Blocs de texte cliquables encadrés (Actualités : Actualité, Projets, Portraits, Newsletters) : mêmes liens contour que les sommaires */
body.wah-charte #page-container #main-content .et_pb_text.et_clickable.et_pb_with_border{display:flex;align-items:center;justify-content:center;min-height:52px;padding:8px 18px!important;background:#fff!important;border:2px solid #000058!important;border-radius:40px!important;text-align:center;transition:background-color .25s}
body.wah-charte #page-container #main-content .et_pb_text.et_clickable.et_pb_with_border :is(h1,h2,h3,h4,h5,h6,p){padding:0;margin:0;color:#000058!important;font:700 14px/1.25 Poppins,Helvetica,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;transition:color .25s}
body.wah-charte #page-container #main-content .et_pb_text.et_clickable.et_pb_with_border:hover{background:#000058!important}
body.wah-charte #page-container #main-content .et_pb_text.et_clickable.et_pb_with_border:hover :is(h1,h2,h3,h4,h5,h6,p){color:#fff!important}
/* « Lire plus » des listes d'articles : lien de la charte (trait cyan droit), plus d'italique ni de vague */
body.wah-charte #main-content a.more-link{font-style:normal!important;font-weight:700;text-decoration:underline solid #5fffff!important;text-decoration-thickness:3px!important;text-underline-offset:5px}
body.wah-charte #main-content a.more-link:hover{text-decoration-color:#dc87ff!important}

/* « Appliquer le filtre » a une hauteur fixe dans Download Manager : texte centré sur une ligne */
body.wah-charte #page-container #main-content .btn-info{display:inline-flex;align-items:center;justify-content:center;padding:0 10px!important;white-space:nowrap;font-size:13.5px!important}
/* Champs de la bibliothèque (recherche, tri) : pilule blanche, bordure bleu nuit 2px, halo cyan au focus */
body.wah-charte #main-content :is(.wpdm-custom-select,input[type=search],input[type=text].form-control,input[name=skw]){background-color:#fff!important;color:#000058!important;border:2px solid #000058!important;border-radius:40px!important;font:500 14px Poppins,Helvetica,Arial,sans-serif!important;box-shadow:none!important}
body.wah-charte #main-content :is(.wpdm-custom-select,input[type=search],input[type=text].form-control,input[name=skw]):focus{outline:0;box-shadow:0 0 0 4px #5fffff!important}
/* L'icône de Divi (flèche qui pousse le texte au survol) disparaît : la charte n'en met pas sur le bouton principal */
body.wah-charte #page-container #main-content .et_pb_button::after,
body.wah-charte #page-container #main-content .et_pb_button::before{display:none!important}

/* 2. Sommaires des dispositifs (rangée de 3 ou 4 boutons en quarts de colonne : Pulse!, Wah'ts up!, mentorat…) :
   liens contour, de même largeur et hauteur ; au survol, fond bleu nuit. */
body.wah-charte #page-container #main-content .et_pb_row:has(> .et_pb_column_1_4:nth-child(3) .et_pb_button) .et_pb_button_module_wrapper{text-align:center}
body.wah-charte #page-container #main-content .et_pb_row:has(> .et_pb_column_1_4:nth-child(3) .et_pb_button) .et_pb_button{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;padding:9px 18px!important;font-size:14px!important;background:#fff!important;color:#000058!important;border-color:#000058!important;line-height:1.25!important;text-wrap:balance}
body.wah-charte #page-container #main-content .et_pb_row:has(> .et_pb_column_1_4:nth-child(3) .et_pb_button) .et_pb_button:is(:hover,:focus-visible){background:#000058!important;color:#fff!important}

@media (prefers-reduced-motion:reduce){
  .wah-charte #main-content .et_pb_image_n10s,.wah-charte #main-content .gw-gopf-post{transition:none}
}