/**
 * Comm360 — Barre de progression de défilement (Scroll Progress Bar, reprise fidèle d'Osmo).
 *
 * Rail fixé en haut de page ; la barre intérieure se remplit au fil du
 * défilement (scaleX animé par le script).
 *
 * Activation par classe (les classes Osmo d'origine restent reconnues) :
 *   - rail  : .comm360-scroll-progression      (ou .progress-bar-wrap)
 *   - barre : .comm360-scroll-progression-bar  (ou .progress-bar) — créée
 *             automatiquement par le script si absente.
 *
 * CSS repris verbatim de la fiche Osmo. SEULE adaptation (autorisée) : les
 * valeurs en dur de la barre passent en variables CSS personnalisables,
 * défauts identiques à la fiche :
 *   - --comm360-scroll-progression-couleur   : couleur de la barre (défaut #ff4c24)
 *   - --comm360-scroll-progression-epaisseur : épaisseur du rail (défaut 1.5rem)
 *   - --comm360-scroll-progression-survol    : fond du rail au survol (défaut #0000000d)
 */

.progress-bar-wrap,
.comm360-scroll-progression {
  z-index: 10;
  cursor: pointer;
  width: 100%;
  height: var(--comm360-scroll-progression-epaisseur, 1.5rem);
  transition: background-color .2s;
  position: fixed;
  inset: 0% 0% auto;
}

.progress-bar-wrap:hover,
.comm360-scroll-progression:hover {
  background-color: var(--comm360-scroll-progression-survol, #0000000d);
}

.progress-bar,
.comm360-scroll-progression-bar {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-color: var(--comm360-scroll-progression-couleur, #ff4c24);
  width: 100%;
  height: 100%;
  transform: scale3d(0, 1, 1);
}