/* Repris de frontend-proto-canicule/style.css — uniquement les classes propres à
   cet écran (le fond/police/main sont déjà posés par public/style.css). */

header.page-header #refuge { font-size: 0.85rem; font-weight: 300; color: rgba(255,255,255,.5); }
header.page-header #date { font-size: 0.85rem; font-weight: 300; color: rgba(255,255,255,.5); }

#cards { display: flex; flex-direction: column; gap: 1rem; }
#cards .card:not(:first-child) { opacity: .55; }

.card {
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 1.25rem;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: .4rem;
}
.card--alert { background: rgba(238,77,85,.12); border-color: #ee4d55; }
.card--closed { background: rgba(255,255,255,.03); border-color: rgba(255,255,255,.06); color: rgba(255,255,255,.3); }

.card__label { font-size: .75rem; text-transform: uppercase; letter-spacing: .1em; color: rgba(255,255,255,.45); }
.card--alert .card__status { color: #ee4d55; }
.card__status { font-size: 1rem; margin-top: .2rem; font-weight: 700; }
.card__detail { font-size: .85rem; font-weight: 300; color: rgba(255,255,255,.6); margin-top: .1rem; }
.card__max { font-variant: small-caps; font-size: .8em; }

#note { font-size: .75rem; font-weight: 300; color: rgba(255,255,255,.3); text-align: center; }
#compare-btn {
  background: none; border: none; color: rgba(255,255,255,.3); font-family: inherit;
  font-size: .78rem; font-weight: 300; letter-spacing: .03em; text-decoration: underline;
  text-underline-offset: 3px; cursor: pointer; padding: .25rem 0; align-self: center;
}
#compare-btn:hover { color: rgba(255,255,255,.55); }

/* Contenu spécifique de la modale comparatif (.modal__section/.modal__section-title
   sont définis dans public/style.css, réutilisés aussi pour les
   étiquettes ; ici on ne surcharge que la couleur, propre à l'alerte canicule). */
.modal__section-title { color: #ee4d55; }
.modal__pdf-link { display: block; text-align: center; color: rgba(255,255,255,.4); font-size: .78rem; font-weight: 300; text-decoration: underline; text-underline-offset: 3px; padding-top: .5rem; }