/* Par défaut, on assume une seule colonne pour les petits écrans (mobile) */
.ast-related-posts-wrapper {
    display: grid;
    grid-template-columns: 1fr; /* Une colonne */
    grid-gap: 0px; /* Espace entre les articles */
}

.ast-single-related-posts-container {
    clear: both;
    padding: 20px 20px 60px; 
	margin: 0;
}

.ast-related-posts-title,
.ast-related-posts-wrapper {
	max-width: 1300px;
	margin: 0 auto;
}

/* Vignettes */
.ast-related-post-content .post-thumb img {
	height: 180px;
	object-fit: cover;
}

.ast-related-post-content .h4 a {
    color: var(--ast-global-color-2);
}

.related-entry-header {
    padding: 20px;
    background-color: var(--ast-global-color-4); 
    border-radius: 0 0 6px 6px;
}

.ast-related-post-content .entry-content {
    margin-top: 10px !important;
}

.ast-related-post-content .wp-caption-text {
    display: none;
}

.ast-related-posts-title {
	margin-bottom: 60px; 
	text-align: center;
}

.single .ast-related-post .post-thumb-img-content{
    margin-top: 0px;
}

.single .ast-related-post .entry-header{
    margin-bottom: 0;
}

.ast-related-post .hentry{
    margin: 0;
}

/* Pour les écrans plus larges (desktop), utilisez 3 colonnes */
@media (min-width: 922px){ 

    .ast-related-posts-wrapper {
        grid-gap: 40px; /* Espace entre les articles */
    }

    .site-content .ast-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .ast-related-posts-wrapper {
        grid-template-columns: repeat(3, 1fr); /* Trois colonnes égales */
    }
}


/***************aussi meta et comments**************/
.single.ast-separate-container .ast-author-meta,
.ast-single-related-posts-container,
.comment-respond{
    background-color: transparent !important;
    padding: 0 !important;
}