/* Faire un don — réutilise le système de mise en page de la home/à-propos
   (container-fig, hero-wrap, about-section/about-centered/partner-section,
   footer-grid : tous définis dans ../home.css) et n'ajoute que ce qui est
   spécifique à cette page. */

/* Pas de visuel au-dessus du titre sur cette page (contrairement à
   home/à-propos) : le h1 est seul dans le hero, donc plus grand que le
   h1 secondaire d'about-hero-title-block pour rester lisible/imposant. */
.hero-title-block--lead h1 {
  font-size: clamp(48px, 7vw, 88px);
}

/* Cagnotte affichée en natif (données lues via l'API Streamlabs Charity dans
   don.js) : volontairement distincte de l'overlay Streamlabs des streamers,
   pas de carte ni de bordure pointillée, juste le texte sur le fond de page. */
.goal-widget {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 80px;
  margin-bottom: 40px;
  color: var(--color-text);
}
.goal-widget[hidden] { display: none; }

.goal-label {
  margin: 0 0 8px;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(20px, 7vw, 48px);
  text-transform: uppercase;
  white-space: nowrap;
}

.goal-label strong {
  font-weight: 600;
}

.goal-value {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(48px, 16vw, 120px);
  line-height: 1;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

/* Bouton "Faire un don" sous la cagnotte, vers la page Streamlabs Charity */
.goal-cta {
  display: flex;
  justify-content: center;
  margin-bottom: 80px;
}

/* Mobile : cagnotte et bouton moins espacés du reste de la page */
@media (max-width: 640px) {
  .goal-widget { margin-top: 48px; margin-bottom: 32px; }
  .goal-cta { margin-bottom: 56px; }
}