/* === Texte avec pictogramme (accueil, argumentaire courtier) =============================== */
/* Pas d'image de fond : BG-Traits-20-ans.png, visée par Divi, n'existe pas en production (404). */
.x-texte-picto {
    padding: 5.625vw 0 5.972vw;
}
@media (max-width: 1349px) and (min-width: 981px) {
    .x-texte-picto {
        padding-bottom: calc(5.972vw + 13px);
    }
}
@media (max-width: 980px) and (min-width: 768px) {
    .x-texte-picto {
        padding: 50px 0;
    }
}
@media (max-width: 767px) {
    .x-texte-picto {
        padding: 50px 0;
    }
}
.x-texte-picto h2.wp-block-heading {
    margin: 0 auto 4.444vw; /* Divi % : 64px à 1440 -> vw */
    max-width: 1080px;
    text-align: center;
    font-family: var(--wp--preset--font-family--poppins);
    font-size: var(--wp--preset--font-size--xxxl);
    font-weight: 300;
    line-height: 36px; /* localiser.py : boîte h=46 mesurée, pas 24 */
    padding-bottom: 10px;
    color: var(--wp--preset--color--encre);
}
.x-texte-picto__corps {
    flex-wrap: nowrap; /* le layout flex du cœur enroule par défaut */
    width: 80%;
    max-width: 1080px;
    margin: 0 auto;
    align-items: center;
    gap: 4.167vw; /* Divi % : 60px à 1440 -> vw */
}
.x-texte-picto__texte {
    flex: 0 0 57.78%; /* 624/1080, mesuré 8801 — pas flex:1 */
    gap: 10px;
}
.x-texte-picto__texte h3.wp-block-heading {
    margin: 0;
    font-family: var(--wp--preset--font-family--poppins);
    font-size: var(--wp--preset--font-size--xl);
    font-weight: 700;
    line-height: 26.4px;
    padding-bottom: 10px; /* localiser.py : boîte h=36 mesurée, pas 26 */
    color: var(--wp--preset--color--encre);
}
.x-texte-picto__texte p:first-of-type {
    margin: 0 0 10px; /* localiser.py : boîte h=87 mesurée, pas 77 */
    font-family: var(--wp--preset--font-family--poppins);
    font-size: var(--wp--preset--font-size--m);
    font-weight: 300;
    line-height: 25.6px;
    color: var(--wp--preset--color--encre);
}
.x-texte-picto__texte p {
    margin: 0;
    font-family: var(--wp--preset--font-family--poppins);
    font-size: var(--wp--preset--font-size--s);
    font-weight: 300;
    line-height: 23.8px;
    color: var(--wp--preset--color--encre);
}
.x-texte-picto__texte p a {
    font-weight: 600;
    text-decoration: none;
}
.x-texte-picto__texte p strong {
    font-weight: 700;
}
/* ≤980 (10e passe — sections.py, tâche S2) : texte→bouton mesuré à 30px sur 8801, IDENTIQUE à 768 ET 375 (pas 24, le défaut de bloc-gap du cœur — aucune règle ne l'avait… */
@media (max-width: 980px) {
    .x-texte-picto__texte .wp-block-buttons {
        margin-top: 30px;
    }
}
.x-texte-picto__illustration {
    flex: 0 0 36.67%; /* 396/1080, mesuré 8801 */
    display: flex;
    justify-content: center;
}
.x-texte-picto__illustration svg {
    display: block;
    width: 190px; /* taille native mesurée 8801, pas étirée à 100% */
    height: auto;
}
@media (max-width: 980px) and (min-width: 768px) {
    .x-texte-picto__illustration svg {
        margin-top: 58px; /* 50 (marge du module) + 8 (chrome du module Code Divi autour du SVG, 249px mesurés contre 241 de SVG natif — écart retrouvé par sections.py, la colonne illustration res… */
    }
}
@media (max-width: 980px) {
    .x-texte-picto__corps {
        flex-wrap: wrap;
        gap: 30px 0;
    }
    .x-texte-picto__texte,
    .x-texte-picto__illustration {
        flex: 1 1 100%;
    }
}
@media (max-width: 980px) {
    .x-texte-picto h2.wp-block-heading {
        margin-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .x-texte-picto h2.wp-block-heading {
        margin-bottom: 30px;
    }
}
@media (max-width: 980px) and (min-width: 768px) {
    .x-texte-picto h2.wp-block-heading {
        margin-top: 30px;
        padding-bottom: 20px;
    }
    .x-texte-picto__corps {
        margin-bottom: 30px !important;
    }
}
@media (max-width: 767px) {
    .x-texte-picto__corps {
        gap: 18px 0;
    }
}
/* width:80% (≤980px) : source unique par sélecteur (vérification R2, cf. blocs/atouts.css). */
@media (max-width: 980px) {
    .x-texte-picto h2.wp-block-heading {
        width: 80%;
    }
}