/* Derniers articles 100% et sans bordure */
.latest-posts-wrapper:has(.minimalist-posts) {
		    width: calc(100% + (var(--space-l) * 2)) !important;
    max-width: calc(100% + (var(--space-l) * 2)) !important;
    margin-left: calc(-1 * var(--space-l)) !important;
}
.minimalist-posts li a.wp-block-latest-posts__post-title {
	display: none;
}
.minimalist-posts .wp-block-latest-posts__featured-image img {
	height: auto;
}
.minimalist-posts {
	gap: 0;
}
.minimalist-posts.wp-block-latest-posts li {
		border-radius: 0px;
	  border: none;
    flex: 0 0 calc(25%) !important;
    width: calc(25%) !important;
}
@container page-content (max-width: 992px) {
	.minimalist-posts.wp-block-latest-posts li {
        flex: 0 0 calc(33.3%) !important;
        width: calc(33.3%) !important;
    }
}
@container page-content (max-width: 768px) {
	.minimalist-posts.wp-block-latest-posts li {
        flex: 0 0 calc(50%) !important;
        width: calc(50%) !important;
    }
}
@container page-content (max-width: 576px) {
	.minimalist-posts.wp-block-latest-posts li {
        flex: 0 0 100% !important;
        width: 100% !important;
    }
}
/* Effet hover */
@container (min-width: 768px) {
  .latest-posts-wrapper:has(.minimalist-posts) .wp-block-latest-posts > li {
    position: relative;
  }
  .latest-posts-wrapper:has(.minimalist-posts) .wp-block-latest-posts > li:hover img {
    transform: none;
  }
  .latest-posts-wrapper:has(.minimalist-posts) .wp-block-latest-posts > li:hover .wp-block-latest-posts__featured-image::after {
    content: "\f179";
	font-family: dashicons;
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: var(--color-bg);
    font-size: 48px;
    background: rgb(0 0 0 / 45%);
    pointer-events: none;
  }
}

/* Flèches */
.latest-posts-wrapper:has(.arrow-posts, .minimalist-posts) > .product-slider-controls {
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 50%;
	  right: 1rem;
	  left: 1rem;
    transform: translateY(-50%);
    z-index: 5;
    pointer-events: none;
}
.latest-posts-wrapper:has(.arrow-posts, .minimalist-posts) .product-slider-controls button {
	 font-size: 1rem;
    pointer-events: auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--color-bg) 75%, transparent);
    color: var(--color-text);
    box-shadow: 0 2px 6px color-mix(
		in srgb,
		var(--color-border) 30%,
		transparent
	);
	transition: all 0.3s ease;
}
.latest-posts-wrapper:has(.arrow-posts, .minimalist-posts) .product-slider-controls button:hover {
    background: color-mix(in srgb, var(--color-text) 75%, transparent);
    color: var(--color-bg);
}