/**
 * La jauge de prévente.
 *
 * Sortie de prevente.css parce qu'elle s'affiche aussi sur l'accueil : elle
 * y était rendue sans aucun style, la feuille n'étant chargée que sur la page
 * de prévente.
 */

/* ─────────────────────────────── La jauge ─────────────────────────────── */

.cc-jauge__tete {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--e-2);
}
.cc-jauge__intitule { margin: 0; font-size: var(--t-mention); color: var(--c-encre-attenuee); }
.cc-jauge__valeur {
  margin: 0;
  font-family: var(--f-titre);
  font-size: var(--t-chiffre);
  line-height: 1;
  letter-spacing: -.03em;
  color: var(--c-vigne);
  font-variant-numeric: tabular-nums;
}
.cc-jauge__objectif { text-align: right; font-size: var(--t-mention); color: var(--c-encre-attenuee); }
.cc-jauge__objectif strong { display: block; font-size: var(--t-petit); font-weight: 600; color: var(--c-encre); }

.cc-jauge__barre {
  display: flex;
  height: 26px;
  margin-top: var(--e-3);
  border-radius: var(--r-pilule);
  background: var(--c-surface-alt);
  overflow: hidden;
}
.cc-jauge__plein { background: var(--c-vigne); }
.cc-jauge__hachure {
  background: repeating-linear-gradient(115deg, var(--c-vigne) 0 3px, transparent 3px 8px);
  opacity: .55;
}

.cc-jauge__reste,
.cc-jauge__note {
  margin: .5rem 0 0;
  font-size: var(--t-mention);
  color: var(--c-encre-attenuee);
}

.cc-jauge__legende { list-style: none; margin: var(--e-3) 0 0; padding: 0; display: grid; gap: .65rem; }
.cc-jauge__legende li { display: flex; gap: .7rem; align-items: flex-start; font-size: var(--t-petit); line-height: 1.42; }
.cc-jauge__legende em { font-style: normal; color: var(--c-encre-attenuee); }

.cc-jauge__puce { flex: none; width: 17px; height: 17px; margin-top: .25rem; border-radius: 6px; }
.cc-jauge__puce--plein   { background: var(--c-vigne); }
.cc-jauge__puce--hachure {
  border: 1px solid var(--c-vigne);
  background: repeating-linear-gradient(115deg, var(--c-vigne) 0 3px, transparent 3px 7px);
}