.single-txt-img--container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media screen and (min-width: 992px) {
    .single-txt-img--container {
        flex-direction: row;
        align-items: center;
        gap: clamp(16px, 5.56vw, 80px);
    }

    .single-txt-img--container.reverse {
        flex-direction: row-reverse;
    }
}


/* =========================================================
   IMAGE
   ========================================================= */

.single-txt-img--img {
    width: 100%;
    height: 200px;
}

.single-txt-img--img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
}

@media screen and (min-width: 992px) {
    .single-txt-img--img {
        flex: 1;
        height: 400px;
    }

    .single-txt-img--img img {
        border-radius: 16px;
    }
}


/* =========================================================
   CONTENU
   ========================================================= */

@media screen and (min-width: 992px) {
    .single-txt-img--content {
        flex: 1;
    }
}


/* Reset des marges venant de WordPress / TinyMCE */

.single-txt-img--content h2,
.single-txt-img--content h3,
.single-txt-img--content h4,
.single-txt-img--content h5,
.single-txt-img--content h6,
.single-txt-img--content p,
.single-txt-img--content ul,
.single-txt-img--content ol {
    margin: 0;
}


/* =========================================================
   TITRES
   ========================================================= */

.single-txt-img--content h2,
.single-txt-img--content h3,
.single-txt-img--content h4,
.single-txt-img--content h5,
.single-txt-img--content h6 {
    margin-top: 32px;
}


/* Pas d'espace inutile si un titre est le premier élément */

.single-txt-img--content > h2:first-child,
.single-txt-img--content > h3:first-child,
.single-txt-img--content > h4:first-child,
.single-txt-img--content > h5:first-child,
.single-txt-img--content > h6:first-child {
    margin-top: 0;
}


/* Même espace après tous les niveaux de titre */

.single-txt-img--content h2 + p,
.single-txt-img--content h3 + p,
.single-txt-img--content h4 + p,
.single-txt-img--content h5 + p,
.single-txt-img--content h6 + p,
.single-txt-img--content h2 + ul,
.single-txt-img--content h3 + ul,
.single-txt-img--content h4 + ul,
.single-txt-img--content h5 + ul,
.single-txt-img--content h6 + ul,
.single-txt-img--content h2 + ol,
.single-txt-img--content h3 + ol,
.single-txt-img--content h4 + ol,
.single-txt-img--content h5 + ol,
.single-txt-img--content h6 + ol {
    margin-top: 16px;
}


/* =========================================================
   PARAGRAPHES
   ========================================================= */

/* Deux paragraphes successifs */

/* .single-txt-img--content p + p {
    margin-top: 16px;
} */


/* Paragraphe suivi d'une liste */

.single-txt-img--content p + ul,
.single-txt-img--content p + ol {
    margin-top: 16px;
}


/* Liste suivie d'un paragraphe */

.single-txt-img--content ul + p,
.single-txt-img--content ol + p {
    margin-top: 16px;
}


/* =========================================================
   LISTES
   ========================================================= */

.single-txt-img--content ul,
.single-txt-img--content ol {
    padding-left: 24px;
}

.single-txt-img--content ul {
    list-style: disc;
}

.single-txt-img--content ol {
    list-style: decimal;
}


/* Espace entre les éléments d'une liste */

.single-txt-img--content li + li {
    margin-top: 8px;
}


/* Espace entre deux listes */

.single-txt-img--content ul + ul,
.single-txt-img--content ul + ol,
.single-txt-img--content ol + ul,
.single-txt-img--content ol + ol {
    margin-top: 16px;
}


/* =========================================================
   STRONG
   ========================================================= */

.single-txt-img--content strong {
    font-weight: 700;
}


/* =========================================================
   BOUTON
   ========================================================= */

.single-txt-img--content .btn {
    margin-top: 24px;
}


/* =========================================================
   PARAGRAPHES VIDES
   ========================================================= */

/* Supprime les vrais <p></p> vides */

.single-txt-img--content p:empty {
    display: none;
}