/* «Blog Posts» widget of livi-plus in Carousel mode: «Tous les événements» on the home page, 23.10.2026. Goes with home-carousel.js.
   The theme's blogcarousel.css is written for an older Swiper (.swiper-container-horizontal, a[class$="arrow-prev"]):
   its arrows have no icon, sit past the right edge and show on mouse hover only, its bullets float over the cards,
   and nothing clips the cards outside the view. Here the cards are clipped to the block and one row under them
   holds the arrows and one bullet per page: ‹ • • • ›. Selectors start with .wdt-post-list-carousel-container
   (printed only in Carousel mode) and are longer than the theme's, so no !important is needed. */

.wdt-post-list-carousel-container .wdt-posts-list-wrapper.swiper-container {
	overflow: hidden;
}

/* Until the script has run: 3 cards in a row from 768 px (the theme's grid has 2 there), 1 below */
@media only screen and (min-width: 768px) {
	.wdt-post-list-carousel-container .wdt-posts-list-wrapper.swiper-container:not(.swiper-initialized) .swiper-slide {
		width: 33.333%;
	}
}

/* The row under the cards; the wrapper has margin 0 -15px, the cards padding 15px */
.wdt-post-list-carousel-container .wdt-posts-list-wrapper.swiper-container .wdt-products-pagination-holder {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	padding: 24px 15px 4px;
}

.wdt-post-list-carousel-container .wdt-posts-list-wrapper.swiper-container .wdt-products-pagination-holder .wdt-products-arrow-pagination {
	display: contents;
}

/* Arrows */
.wdt-post-list-carousel-container .wdt-posts-list-wrapper.swiper-container .wdt-products-pagination-holder .wdt-products-arrow-pagination > a.wdt-products-arrow-prev,
.wdt-post-list-carousel-container .wdt-posts-list-wrapper.swiper-container .wdt-products-pagination-holder .wdt-products-arrow-pagination > a.wdt-products-arrow-next {
	position: static;
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	border-radius: 50%;
	font-size: 0;
	line-height: 1;
	color: var(--wdtAccentTxtColor, #fff);
	background-color: var(--wdtPrimaryColor, #ee2c3c);
	opacity: 1;
	visibility: visible;
	transform: none;
	transition: background-color .2s ease, opacity .2s ease;
}

.wdt-post-list-carousel-container .wdt-posts-list-wrapper.swiper-container .wdt-products-pagination-holder .wdt-products-arrow-pagination > a.wdt-products-arrow-prev {
	order: 1;
}

.wdt-post-list-carousel-container .wdt-posts-list-wrapper.swiper-container .wdt-products-pagination-holder .wdt-products-arrow-pagination > a.wdt-products-arrow-next {
	order: 3;
}

.wdt-post-list-carousel-container .wdt-posts-list-wrapper.swiper-container .wdt-products-pagination-holder .wdt-products-arrow-pagination > a.wdt-products-arrow-prev:hover,
.wdt-post-list-carousel-container .wdt-posts-list-wrapper.swiper-container .wdt-products-pagination-holder .wdt-products-arrow-pagination > a.wdt-products-arrow-next:hover {
	background-color: var(--wdtSecondaryColor, #da202f);
}

.wdt-post-list-carousel-container .wdt-posts-list-wrapper.swiper-container .wdt-products-pagination-holder .wdt-products-arrow-pagination > a.wdt-products-arrow-prev::before,
.wdt-post-list-carousel-container .wdt-posts-list-wrapper.swiper-container .wdt-products-pagination-holder .wdt-products-arrow-pagination > a.wdt-products-arrow-next::before {
	display: block;
	font-family: "Livi Icons";
	font-size: 22px;
	line-height: 1;
	color: inherit;
}

/* .wdticon-angle-left / -right */
.wdt-post-list-carousel-container .wdt-posts-list-wrapper.swiper-container .wdt-products-pagination-holder .wdt-products-arrow-pagination > a.wdt-products-arrow-prev::before {
	content: "\f104";
}

.wdt-post-list-carousel-container .wdt-posts-list-wrapper.swiper-container .wdt-products-pagination-holder .wdt-products-arrow-pagination > a.wdt-products-arrow-next::before {
	content: "\f105";
}

.wdt-post-list-carousel-container .wdt-posts-list-wrapper.swiper-container .wdt-products-pagination-holder .wdt-products-arrow-pagination > a.swiper-button-disabled {
	opacity: .35;
	cursor: default;
	pointer-events: none;
}

/* Bullets: one per page of cards */
.wdt-post-list-carousel-container .wdt-posts-list-wrapper.swiper-container .wdt-products-pagination-holder .wdt-products-bullet-pagination {
	order: 2;
	position: static;
	float: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	width: auto;
	transform: none;
}

.wdt-post-list-carousel-container .wdt-posts-list-wrapper.swiper-container .wdt-products-pagination-holder .wdt-products-bullet-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	margin: 0;
	border-radius: 50%;
	background: none;
	opacity: 1;
	cursor: pointer;
}

.wdt-post-list-carousel-container .wdt-posts-list-wrapper.swiper-container .wdt-products-pagination-holder .wdt-products-bullet-pagination .swiper-pagination-bullet::before {
	background-color: rgba(var(--wdtPrimaryColorRgb, 238, 44, 60), .25);
}

.wdt-post-list-carousel-container .wdt-posts-list-wrapper.swiper-container .wdt-products-pagination-holder .wdt-products-bullet-pagination .swiper-pagination-bullet-active::before {
	background-color: var(--wdtPrimaryColor, #ee2c3c);
}

.wdt-post-list-carousel-container .wdt-posts-list-wrapper.swiper-container .wdt-products-pagination-holder a:focus-visible,
.wdt-post-list-carousel-container .wdt-posts-list-wrapper.swiper-container .wdt-products-pagination-holder .swiper-pagination-bullet:focus-visible {
	outline: 2px solid var(--wdtHeadAltColor, #000);
	outline-offset: 2px;
}

/* Fewer posts than cards in view: Swiper locks the controls */
.wdt-post-list-carousel-container .wdt-posts-list-wrapper.swiper-container .wdt-products-pagination-holder .wdt-products-arrow-pagination > a.swiper-button-lock,
.wdt-post-list-carousel-container .wdt-posts-list-wrapper.swiper-container .wdt-products-pagination-holder .wdt-products-bullet-pagination.swiper-pagination-lock {
	display: none;
}