.archive-header {
    text-align: center;
    margin-bottom: 20px;
}

.archive-title {
	padding:20px 0;
}

.archive-posts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 40px 0;
}

.archive-post-content {
	padding:30px;
}

.archive-posts article {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
}

.archive-posts article:hover {
    transform: translateY(-4px);
}

.archive-posts img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.entry-header h2 {
    font-size: 1.1rem;
}

.entry-header h2 a {
    text-decoration: none;
}

.entry-content:not(:first-child),.entry-summary:not(:first-child),.page-content:not(:first-child), .posted-on {
	margin-top: 1em !important;
}

.entry-summary {
	font-size:0.9rem;
}

.entry-footer .posted-on {
    font-size: 0.8rem;
    color: #777;
}

/* Pagination */
.archive-pagination {
    text-align: center;
    margin-top: 30px;
}

.site-main .wp-block-group__inner-container {
	padding: 10px !important;
}

.content-sidebar-wrapper {
    display: flex;
    align-items: flex-start;
}

.content-area {
    flex: 2;
}

.sidebar {
	flex : 1;
}

/* Sur tablette : 2 articles par ligne */
@media (max-width: 1080px) {
	.site-content {
		padding:15px;
	}
    .archive-posts {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Sur mobile (optionnel) : 1 article par ligne */
@media (max-width: 480px) {
		.site-content {
		padding:15px;
	}
    .archive-posts {
        grid-template-columns: 1fr;
    }
}