/* ============================================================
   avertissement-courriel.css
   Bloc d'avertissement affiche quand l'utilisateur s'inscrit ou
   se connecte avec une adresse d'etablissement, dont la
   passerelle peut bloquer le courriel d'activation.

   Injecte par assets/scripts/components/courriel-institutionnel.js
   Consomme par : register.html (modal de fin d'inscription) et
   index.html (modale "compte non verifie").

   Composant partage entre deux pages aux feuilles differentes
   (register.css et landing.css) : il vit donc dans components/
   plutot que d'etre duplique.
   ============================================================ */

.avert-courriel {
  /* Le bloc est imbrique dans .modal-confirm-email, qui centre
     tout : on recadre a gauche pour que la liste reste lisible. */
  text-align: left;
  margin-top: 16px;
  padding: 12px 14px;
  border-radius: var(--radius);
  border-left: 3px solid var(--c-warning);
  background: color-mix(in srgb, var(--c-warning) 12%, var(--c-surface-1));
  color: var(--c-texte);
  font-size: 14px;
  line-height: 1.5;
}

.avert-courriel p {
  margin: 0 0 8px;
}

.avert-courriel-titre {
  font-weight: 600;
}

.avert-courriel-liste {
  margin: 0;
  padding-left: 20px;
}

.avert-courriel-liste li {
  margin-bottom: 4px;
}

.avert-courriel-liste li:last-child {
  margin-bottom: 0;
}

.avert-courriel a {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
}