/* === Texte et image (détail d'une offre) =================================================== */
.x-texte-image__titre {
    width: 80%;
    max-width: 1080px;
    margin: 0 auto 10px;
    padding-bottom: 10px;
    font-family: var(--wp--preset--font-family--poppins);
    font-size: var(--wp--preset--font-size--xxxl);
    font-weight: 300;
    line-height: 36px;
    color: var(--wp--preset--color--encre);
    text-align: left;
}
.x-texte-image--iddl .x-texte-image__titre,
.x-texte-image--rus .x-texte-image__titre,
.x-texte-image--fva .x-texte-image__titre,
.x-texte-image--nfr .x-texte-image__titre {
    margin-bottom: 0;
}
.x-texte-image--fond-gris {
    background-color: var(--wp--preset--color--gris-tres-clair);
}
.x-texte-image__rangee {
    width: 80%;
    max-width: 1080px;
    margin: 0 auto;
    padding-top: min(2vw, 27px);
    padding-bottom: min(2vw, 27px);
    align-items: flex-start;
    gap: 3%;
}
.x-texte-image__colonne-image {
    position: relative;
    flex-basis: 38.2%;
}
.x-texte-image__colonne-texte {
    flex-basis: 58.8%;
    padding-right: 50px;
}
.x-texte-image__colonne-image img {
    width: auto;
    max-width: min(100%, 453px);
    height: auto;
    border-radius: 8px; /* finition A (28/09) */
}
@media (min-width: 981px) {
    .x-texte-image__colonne-image img {
        margin-bottom: min(1.2vw, 16.2px);
    }
    .x-texte-image__colonne-texte {
        padding-bottom: min(1.2vw, 16.2px);
    }
}
.x-texte-image__colonne-image .wp-block-buttons {
    position: absolute;
    right: -183px;
    bottom: 17px;
    margin-top: 0;
}
.x-texte-image__colonne-texte h3 {
    margin: 0 0 10px;
    font-family: var(--wp--preset--font-family--poppins);
    font-size: var(--wp--preset--font-size--xl);
    font-weight: 700;
    line-height: 28.6px;
    color: var(--wp--preset--color--encre);
}
.x-texte-image__colonne-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--gris-fonce);
}
.x-texte-image__colonne-texte strong {
    font-weight: 700;
}
.x-texte-image__colonne-texte p.x-texte-image__note {
    font-size: 11px;
    line-height: 1.4;
}
.x-texte-image__colonne-texte .wp-block-buttons {
    margin-top: 32px;
}
@media (min-width: 981px) {
    .x-texte-image--fvt .x-texte-image__rangee { padding-bottom: calc(min(2vw, 27px) + 74px); }
}
@media (min-width: 768px) {
    .x-texte-image--rus .x-texte-image__colonne-texte {
        padding-right: 90px;
    }
}
/* :not(:last-of-type)/:first-of-type dans :where() : ramène 0,3,1 à 0,2,1 (vérification R2). */
.x-texte-image--rus .x-texte-image__colonne-texte p:where(:not(:last-of-type)) {
    padding-bottom: 14px;
}
.x-texte-image--fve .x-texte-image__colonne-texte p:where(:not(:last-of-type)),
.x-texte-image--fvle .x-texte-image__colonne-texte p:where(:not(:last-of-type)),
.x-texte-image--fva .x-texte-image__colonne-texte p:where(:not(:last-of-type)) {
    padding-bottom: 14px;
}
.x-texte-image--fve .x-texte-image__colonne-texte p:where(:first-of-type) {
    padding-bottom: 51.8px;
}
@media (max-width: 980px) {
    .x-texte-image__rangee {
        flex-wrap: wrap;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .x-texte-image__colonne-image,
    .x-texte-image__colonne-texte {
        /* !important : bat le style en ligne flex-basis posé par le bloc colonne (largeur bureau/tablette large, 41,2 %/54,2 %). */
        flex-basis: 100% !important;
    }
    /* !important : le cœur pose .is-layout-flex > :is(*, div){margin:0} (0,1,1) qui bat une simple classe (0,1,0) — sans lui, cette marge restait à 0 malgré la règle. */
    .x-texte-image__colonne-image {
        margin-bottom: 60px !important;
    }
    .x-texte-image__colonne-image .wp-block-buttons {
        bottom: -13px;
    }
}
@media (min-width: 768px) and (max-width: 980px) {
    .x-texte-image__colonne-texte .wp-block-buttons {
        margin-top: 30px;
    }
    .x-texte-image--fvt .x-texte-image__rangee {
        margin-bottom: -74px;
    }
}
@media (max-width: 767px) {
    .x-texte-image__colonne-texte {
        padding-right: 0;
    }
    .x-texte-image__rangee {
        padding-top: 0;
        padding-bottom: 0;
    }
    .x-texte-image__colonne-image {
        margin-bottom: 30px !important;
    }
    .x-texte-image--avl .x-texte-image__colonne-texte .wp-block-buttons,
    .x-texte-image--fvt .x-texte-image__colonne-texte .wp-block-buttons,
    .x-texte-image--iddl .x-texte-image__colonne-texte .wp-block-buttons,
    .x-texte-image--rus .x-texte-image__colonne-texte .wp-block-buttons {
        margin-top: 30px;
    }
    .x-texte-image--avl.x-texte-image {
        padding-top: 60px;
    }
    .x-texte-image--rus.x-texte-image {
        padding-bottom: 60px;
    }
    .x-texte-image--fvt.x-texte-image {
        padding-bottom: 6px;
    }
    .x-texte-image--fve.x-texte-image {
        padding-top: 60px;
    }
}