/* Bloc « être prévenu » : une adresse, un bouton. Posé sur fond marine uniquement.
   Feuille à part pour ne pas toucher à base.css, dont la version est inscrite dans chaque page. */
.alerte {
  max-width: 40rem; margin: 2.4rem auto 0; padding: 1.4rem 1.5rem 1.2rem;
  border: 1px solid rgba(232, 196, 74, .35); border-top: var(--filet-or);
  text-align: center;
}
.fiche-corps .alerte { margin-left: 0; margin-right: 0; max-width: none; text-align: left; }
.alerte-titre {
  margin: 0 0 .9rem !important;
  font-family: var(--font-collection); font-weight: 600; text-transform: uppercase;
  letter-spacing: .08em; font-size: 1.25rem !important; line-height: 1.25; color: var(--blanc);
}
.alerte-champs { display: flex; flex-wrap: wrap; gap: .6rem; }
.alerte-champs input[type="email"] {
  flex: 1 1 15rem; min-width: 0; padding: .75rem .9rem;
  background: rgba(255, 255, 255, .06); color: var(--blanc);
  border: 1px solid rgba(232, 196, 74, .35); font-family: var(--font-ui); font-size: 1rem;
}
.alerte-champs input[type="email"]::placeholder { color: rgba(255, 255, 255, .45); }
.alerte-champs input[type="email"]:focus { outline: none; border-color: var(--or); }
.alerte-champs .btn { flex: 0 0 auto; cursor: pointer; }
.alerte-champs .btn[disabled] { opacity: .5; cursor: not-allowed; }
/* Le champ piège : hors écran pour un lecteur, présent pour un robot. */
.alerte-piege { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.alerte-message {
  margin: .9rem 0 0; padding: .7rem .9rem; text-align: left;
  border-left: 3px solid var(--or); background: rgba(232, 196, 74, .08);
}
.alerte-message.erreur { border-left-color: #E06C5A; background: rgba(224, 108, 90, .1); }
.alerte-note { margin: .9rem 0 0; font-size: .82rem; color: rgba(255, 255, 255, .6); }
.alerte-note a { color: inherit; }
/* Le rappel en tête d'accueil : sur téléphone, le bloc vient après huit affiches empilées. */
.alerte-rappel { margin: 0; padding: .7rem var(--marge) 0; text-align: center; }
.alerte-rappel a {
  font-family: var(--font-chiffres); font-size: .85rem; letter-spacing: .05em;
  color: var(--or); text-decoration: none; border-bottom: 1px solid rgba(232, 196, 74, .5);
}
.alerte-rappel a::after { content: " ↓"; }
.alerte-rappel a:hover { border-bottom-color: var(--or); }
html { scroll-behavior: smooth; }
@media (max-width: 720px) {
  .alerte { padding: 1.1rem 1rem 1rem; }
  .alerte-champs .btn { flex: 1 1 100%; }
}