/* ===== Barre de progression de scroll – Auto-école ===== */
.scroll-progress {
  --car-width: 75px;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  background-color: transparent;
  z-index: 9999;
  pointer-events: none;
	
	-webkit-transition: background-color 0.4s;
	-moz-transition: background-color 0.4s;
	-ms-transition: background-color 0.4s;
	-o-transition: background-color 0.4s;
	transition: background-color 0.4s;
}

.scroll-progress.scroll-active {
  background-color: rgba(255,255,255,0.30);
}

.scroll-progress__fill {
  height: 100%;
  width: 100%;
  background: #1160aa;
  transform: scaleX(0);
  transform-origin: left center;
}

.scroll-progress__car {
  position: absolute;
  bottom: 100%;              /* juste au-dessus de la barre */
  left: 0;
  width: var(--car-width);
  height: auto;
  display: block;
  transform: translateX(-100%); /* cachée à gauche avant le premier calcul */
  will-change: transform;
  padding-bottom: 2px;
}

/* Page trop courte : la barre n'est pas affichée */
.scroll-progress.scroll-hidden {
  display: none;
}
 
/* Page scrollée d'au moins 10px (personnalisable) */
.scroll-progress.scroll-active {
  /* Ajoute ici tes styles, par exemple : */
  /* box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.1); */
}