/**
 * Égalise la hauteur des cartes d'articles de la section "Actualités"
 * (section_blog.php sur la page d'accueil). Sans ça, des extraits plus
 * longs dans certaines langues (l'espagnol prend souvent plus de place
 * que le français à nombre de mots égal) désalignent les cartes entre
 * elles et décalent la barre "Commentaires / Lire plus".
 */
.home_blog_content {
    display: flex !important;
    flex-wrap: wrap;
    align-items: stretch;
}

.home_blog_content .post {
    display: flex !important;
    flex-direction: column;
    box-sizing: border-box;
}

/* Largeur explicite uniquement sur tablette/mobile — évite qu'une carte
   suive encore une largeur en colonnes issue du CSS du thème pendant que
   les autres sont déjà passées en un seul bloc par ligne (observé sur
   tablette, ~768-1024px, où une 3e carte se retrouvait décalée et plus
   étroite). Le desktop garde la largeur d'origine du thème, qui
   fonctionnait déjà correctement — on ne la force plus ici. */
@media (max-width: 1024px) {
    .home_blog_content .post {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.home_blog_content .post_inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

/* La zone de texte (titre + méta + extrait) s'étire pour combler l'espace */
.home_blog_content .post_content {
    flex-grow: 1;
}

/* La barre Commentaires/Lire plus reste collée en bas de chaque carte */
.home_blog_content .post_content_bottom {
    margin-top: auto;
}
