#photography-shootings-couple .e-grid, #photography-shootings-pregnancy .e-grid, #photography-shootings-family .e-grid, #photography-shootings-baby .e-grid {
    transition: all 0.5s ease-in-out;
}

#photography-shootings-couple .elementor-widget-image, 
#photography-shootings-pregnancy .elementor-widget-image, 
#photography-shootings-family .elementor-widget-image, 
#photography-shootings-baby .elementor-widget-image {
    height: 100%;
}

#blog-section .elementor-posts-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 colonnes */
    gap: 20px; /* Espacement entre les articles */
}

/* Configuration pour tablettes */
@media (min-width: 481px) and (max-width: 1023px) {
    #blog-section .elementor-posts-container {
        grid-template-columns: repeat(2, 1fr); /* 2 colonnes sur tablette */
    }
    
    /* Articles larges qui prennent toute la ligne sur tablette */
    #blog-section .elementor-posts-container article:nth-child(3),
    #blog-section .elementor-posts-container article:nth-child(7),
    #blog-section .elementor-posts-container article:nth-child(11) {
        grid-column: span 2; /* Occupe toute la largeur sur tablette */
    }

    #blog-section .elementor-posts-container article:nth-child(3) .elementor-post__thumbnail,
    #blog-section .elementor-posts-container article:nth-child(7) .elementor-post__thumbnail,
    #blog-section .elementor-posts-container article:nth-child(11) .elementor-post__thumbnail {
        padding: 0;
        height: 350px;
    }

    #blog-section .elementor-posts-container article:nth-child(3) .elementor-post__thumbnail img,
    #blog-section .elementor-posts-container article:nth-child(7) .elementor-post__thumbnail img,
    #blog-section .elementor-posts-container article:nth-child(11) .elementor-post__thumbnail img {
        width: 100%;
        object-fit: cover;
    }
}

@media (min-width: 1024px) {
    /* Articles larges qui prennent toute la ligne sur desktop */
    #blog-section .elementor-posts-container article:nth-child(4),
	#blog-section .elementor-posts-container article:nth-child(8),
    #blog-section .elementor-posts-container article:nth-child(12) {
        grid-column: span 3; /* Occupe toute la largeur */
    }

    #blog-section .elementor-posts-container article:nth-child(4) .elementor-post__thumbnail,
	#blog-section .elementor-posts-container article:nth-child(8) .elementor-post__thumbnail,
    #blog-section .elementor-posts-container article:nth-child(12) .elementor-post__thumbnail {
        padding: 0;
        height: 400px;
    }

    #blog-section .elementor-posts-container article:nth-child(4) .elementor-post__thumbnail img,
	#blog-section .elementor-posts-container article:nth-child(8) .elementor-post__thumbnail img,
    #blog-section .elementor-posts-container article:nth-child(12) .elementor-post__thumbnail img {
        width: 100%;
        object-fit: cover;
    }
}

#blog-section .elementor-posts-container article .elementor-post__title {
    position: relative;
    padding-top: 15px;
}
#blog-section .elementor-posts-container article .elementor-post__title::before {
    content: '';
    position: absolute;
    width: 80%;
    max-width: 300px;
    height: 1px;
    background: black;
    top: 0;
    left: 0;
}




/* Responsive pour mobile */
@media (max-width: 480px) {
    #blog-section .elementor-posts-container {
        grid-template-columns: 1fr; /* Une seule colonne */
    }
    #blog-section .elementor-posts-container article {
        grid-column: span 1; /* Occupe une seule colonne sur mobile */
    }
}