/**
 * AvelCoop Design System - Progress Gauge Preview
 */

/* Jauge de progression */
.avelcoop-gauge-area {
	display: block;
}

.avelcoop-gauge {
	position: relative;
	height: 12px;
	background-color: var( --avelcoop-soft );
	border-radius: 20px;
	overflow: hidden;
}

.avelcoop-gauge-fill {
	height: 100%;
	width: 62.5%;
	background-color: var( --avelcoop-accent-color );
	border-radius: 20px;
	transition: width 0.3s ease-out;
}

/* Ticks de la jauge */
.avelcoop-gauge-tick {
	position: absolute;
	top: -3px;
	height: 18px;
	width: 2px;
	background-color: var( --avelcoop-text );
	opacity: 0.6;
}

/* Responsive */
@media ( max-width: 640px ) {
	/* Pas de changement spécifique pour la jauge sur mobile */
}