/* Clarendis — bloc « projets similaires » des portfolios convertis.
   Posé le 05/08/2026.

   Le carrousel Swiper a été remplacé par une grille statique. Motif mesuré :
   hors Elementor, l'initialisation de Swiper dépendait d'un hook émulé et de
   l'ordre de chargement des scripts. LiteSpeed différant le JS pour les
   visiteurs anonymes (optm-js_defer = 1), le déclencheur partait avant
   carousel.js : Swiper ne montait pas et le bloc laissait 488 px de vide.

   Le balisage extérieur du carrousel reste dans post_content — c'est de l'HTML
   figé, statique par nature. Ces règles le neutralisent : le wrapper devient une
   grille, les flèches disparaissent. Aucun JavaScript n'intervient. */

.pxl-portfolio-carousel .pxl-swiper-container {
	overflow: visible !important;
	height: auto !important;
}

.pxl-portfolio-carousel .pxl-swiper-wrapper {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 30px;
	transform: none !important;
	height: auto !important;
	width: auto !important;
}

.pxl-portfolio-carousel .pxl-swiper-slide {
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	flex-shrink: initial !important;
	opacity: 1 !important;
	visibility: visible !important;
	animation: none !important;
	transform: none !important;
}

/* Les commandes du carrousel n'ont plus d'objet. */
.pxl-portfolio-carousel .pxl-swiper-arrow-wrap,
.pxl-portfolio-carousel .pxl-swiper-pagination,
.ori-related-nav {
	display: none !important;
}

@media (max-width: 1024px) {
	.pxl-portfolio-carousel .pxl-swiper-wrapper {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px;
	}
}

@media (max-width: 640px) {
	.pxl-portfolio-carousel .pxl-swiper-wrapper {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
	}
}