

/** Actualités
 */


.wpmj-post-grid-wrapper {
display: grid;
gap: 1rem;
}

.wpmj-post-columns-1 { grid-template-columns: repeat(1, 1fr); }
.wpmj-post-columns-2 { grid-template-columns: repeat(2, 1fr); }
.wpmj-post-columns-3 { grid-template-columns: repeat(3, 1fr); }
.wpmj-post-columns-4 { grid-template-columns: repeat(4, 1fr); }

.wpmj-post-item {
display: block;
text-decoration: none;
color: inherit;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
transition: box-shadow 0.3s;
background: #fff;
}

.wpmj-post-item:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.wpmj-post-item .wpmj-post-content {
padding: 1rem;
}

.wpmj-post-item .wpmj-post-title {
margin: 0 0 0.5rem;
font-size: 1.1rem;
color: var(--text-primary-color);
}

.wpmj-post-item .wpmj-post-title:hover {
color: var(--text-primary-color);
}

.wpmj-post-item .wpmj-post-date {
color: var(--text-secondary-color);
font-size: 0.9rem;
display: block;
}

.wpmj-post-thumbnail-wrapper {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
overflow: hidden;
background-color: #eee;
}

.wpmj-post-thumbnail-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

.wpmj-post-pagination {
display: flex;
justify-content: center;
margin-top: 1rem;
gap: 1rem;
}

.wpmj-post-columns-1 .thumbnail { max-height: 400px; }
.wpmj-post-columns-2 .thumbnail { max-height: 300px; }
.wpmj-post-columns-3 .thumbnail { max-height: 200px; }
.wpmj-post-columns-4 .thumbnail { max-height: 150px; }

@media (max-width: 1080px) {
.wpmj-post-columns-1 { grid-template-columns: repeat(1, 1fr); }
.wpmj-post-columns-2 { grid-template-columns: repeat(2, 1fr); }
.wpmj-post-columns-3 { grid-template-columns: repeat(2, 1fr); }
.wpmj-post-columns-4 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
.wpmj-post-columns-1 { grid-template-columns: repeat(1, 1fr); }
.wpmj-post-columns-2 { grid-template-columns: repeat(1, 1fr); }
.wpmj-post-columns-3 { grid-template-columns: repeat(1, 1fr); }
.wpmj-post-columns-4 { grid-template-columns: repeat(1, 1fr); }
}

