/* 4Roues - Slider 3D de l'equipe, mobile uniquement.
   Le carrousel n'existe que sous 768px : au-dela, la grille 4 colonnes
   d'origine est intacte et ce fichier ne produit aucune regle. */

@media (max-width:767px) {

	.roues-equipe-slider {
		position: relative;
		display: block !important;
		width: 100%;
		margin: 0 !important;
		padding: 0 !important;
		perspective: 1100px;
		perspective-origin: 50% 46%;
		overflow: hidden;
		touch-action: pan-y;
		-webkit-tap-highlight-color: transparent;
	}

	.roues-equipe-slider > .elementor-element {
		position: absolute !important;
		top: 0;
		left: 50%;
		width: 70% !important;
		margin: 0 !important;
		transform-origin: 50% 50%;
		transition: transform .55s cubic-bezier(.22,.61,.36,1), opacity .45s ease;
		will-change: transform, opacity;
		backface-visibility: hidden;
	}

	/* La carte au centre porte l'ombre portee : c'est elle qui doit sembler
	   la plus proche du lecteur. */
	.roues-equipe-slider > .elementor-element.est-active .roues-equipe-cadre {
		box-shadow: 0 18px 42px rgba(0,0,0,.34);
	}

	.roues-equipe-slider > .elementor-element.est-cote {
		cursor: pointer;
	}

	/* Premier rendu : aucune transition, les cartes apparaissent deja placees. */
	.roues-equipe-slider.sans-transition > .elementor-element {
		transition: none !important;
	}

	.roues-equipe-slider > .elementor-element.est-cachee {
		pointer-events: none;
	}

	/* Les cartes laterales sont volontairement assombries : la profondeur se
	   lit mieux avec un ecart de luminosite qu'avec la seule rotation. */
	.roues-equipe-slider > .elementor-element.est-cote .roues-equipe-cadre {
		filter: brightness(.72);
	}

	.roues-equipe-slider .roues-equipe-cadre {
		transition: filter .45s ease, box-shadow .45s ease;
	}

	/* Sur les cartes laterales, seul le portrait reste : les noms tronques aux
	   bords faisaient du bruit. L'identite ne s'affiche que pour la carte active. */
	.roues-equipe-slider > .elementor-element .elementor-widget-heading {
		transition: opacity .35s ease;
	}

	.roues-equipe-slider > .elementor-element.est-cote .elementor-widget-heading,
	.roues-equipe-slider > .elementor-element.est-cachee .elementor-widget-heading {
		opacity: 0;
	}

	/* Les pastilles sont stylees globalement dans roues-points-slide.css :
	   un seul vocabulaire visuel pour tous les carrousels du site.
	   Ici on ne garde que leur position sous le carrousel. */

	.roues-equipe-points {
		margin: 18px 0 0;
	}
}

@media (max-width:767px) and (prefers-reduced-motion: reduce) {
	.roues-equipe-slider > .elementor-element,
	.roues-equipe-slider .roues-equipe-cadre {
		transition: none;
	}
}