/* Module RECUPAL : marquee des logos clients. */

.elementor-widget-shortcode:has(.rcp-marquee) {
	width: 100%;
}

.rcp-marquee {
	overflow: hidden;
	width: 100%;
	background: transparent;
	padding: 4px 0;
}

.rcp-track {
	display: flex;
	align-items: center;
	gap: var(--rcp-gap, 100px);
	width: max-content;
	padding-left: var(--rcp-gap, 100px);
	animation: rcp-scroll var(--rcp-speed, 30s) linear infinite;
}

.rcp-logo-cell {
	width: var(--rcp-w, 140px);
	height: var(--rcp-h, 60px);
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
}

/* Spécificité renforcée : Elementor applique `.elementor img { height: auto; }`. */
.rcp-marquee .rcp-track img.rcp-logo {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

@keyframes rcp-scroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-25%);
	}
}