/*
Theme Name: Twenty Twenty-Four Child
Template: twentytwentyfour
Version: 1.0
*/

/* =========================
   Post loop layout: imatge + text alineat
========================= */

/* Contenidor global del post */
.post-grid {
    display: grid;
    grid-template-columns: 1fr 2fr; /* 1/3 imatge, 2/3 text */
    gap: 1.5rem;
    align-items: start; /* alinea la fila superior de la imatge i text */
    margin-bottom: 2rem;
}

/* Imatge destacada */
.post-grid .wp-block-post-featured-image img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    border-radius: 12px;
}

/* Bloc amb tot el text */
.post-grid .post-text {
    display: flex;
    flex-direction: column;
    gap: 0.5rem; /* separació entre títol, data i extracte */
}