/* Largeur des avis selon l'écran (la mise en ligne vient de la classe globale tt-slider ;
   Elementor ne conserve pas la règle des enfants, elle est donc ici). */
.elementor .tt-slider > * {
	flex: 0 0 calc((100% - 48px) / 2.4);
	min-width: 0;
	scroll-snap-align: start;
}
@media (max-width: 1024px) {
	.elementor .tt-slider > * {
		flex-basis: calc((100% - 24px) / 1.6);
	}
}
@media (max-width: 767px) {
	.elementor .tt-slider > * {
		flex-basis: 100%;
	}
}

/* Glisser à la souris sur ordinateur. */
@media (hover: hover) and (pointer: fine) {
	.elementor .tt-slider {
		cursor: grab;
	}
}
.elementor .tt-slider.is-dragging {
	cursor: grabbing;
	scroll-snap-type: none;
	scroll-behavior: auto;
	user-select: none;
}

.tt-slider-nav {
	display: flex;
	justify-content: flex-end;
	gap: 12px;
	width: 100%;
	margin-top: 20px;
}

.tt-slider-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid #C8A96B;
	border-radius: 50%;
	background: transparent;
	color: #C8A96B !important;
	cursor: pointer;
	transition: background-color 0.2s, color 0.2s;
}

.tt-slider-btn:hover,
.tt-slider-btn:focus-visible {
	background-color: #C8A96B;
	color: #000000 !important;
}

.tt-slider-btn:focus-visible {
	outline: 2px solid #C8A96B;
	outline-offset: 3px;
}

.tt-slider-btn svg path {
	stroke: currentColor;
}

@media (prefers-reduced-motion: reduce) {
	.elementor .tt-slider {
		scroll-behavior: auto;
	}
}