/* coleur live automatique sur header */
.hide-scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.hide-scrollbar::-webkit-scrollbar {
	display: none;
}


/* ===== SYSTÈME DE CAROUSEL RESPONSIVE UNIVERSEL ===== */

/* Masquer scrollbar sur mobile/tablette */
@media (max-width: 1023px) {
	.responsive-carousel {
		-ms-overflow-style: none;
		scrollbar-width: none;
		scroll-behavior: smooth;
		scroll-snap-type: x mandatory;
	}

	.responsive-carousel::-webkit-scrollbar {
		display: none;
	}

	.carousel-card {
		scroll-snap-align: start;
	}
}

/* Indicateurs */
.carousel-dot {
	transition: all 0.3s ease;
	opacity: 0.5;
}

.carousel-dot.active {
	background-color: #3b82f6 !important;
	opacity: 1;
	transform: scale(1.3);
}

/* Responsive sizing pour carousel items */
@media (max-width: 640px) {
	.carousel-card {
		min-width: 260px;
		width: 260px;
	}
}

@media (min-width: 641px) and (max-width: 1023px) {
	.carousel-card {
		min-width: 300px;
		width: 300px;
	}
}

/* Desktop: enlever les contraintes de largeur */
@media (min-width: 1024px) {
	.carousel-card {
		min-width: auto;
		width: auto;
	}
}