/* Formulaire de contact : messages d'erreur par champ et alerte de page.
   Fichier separe : ne provient pas de sass/, donc une recompilation
   du theme ne l'ecrasera pas. */

/* --- Alerte en haut du formulaire --- */
#contact-feedback:empty {
  display: none;
}

#contact-feedback .alert {
  border-radius: 3px;
  border-left: 4px solid transparent;
  padding: 16px 18px;
  margin-bottom: 26px;
  font-size: 16px;
  line-height: 1.5;
}

#contact-feedback .alert-success {
  border-left-color: #3c763d;
}

#contact-feedback .alert-danger {
  border-left-color: #a94442;
}

#contact-feedback .alert strong {
  display: block;
  margin-bottom: 3px;
}

/* --- Message sous un champ invalide --- */
.contact-error {
  display: block;
  margin-top: 6px;
  margin-bottom: 0;
  color: #a94442;
  font-size: 14px;
  line-height: 1.4;
}

.contact-error::before {
  content: "\26A0";  /* triangle d'avertissement */
  margin-right: 6px;
}

/* Bootstrap 3 colore .form-control via .has-error sur un ancetre.
   On renforce le contraste : la couleur seule ne suffit pas a
   signaler l'erreur aux personnes daltoniennes. */
.has-error .form-control {
  border-color: #a94442;
  border-width: 2px;
  box-shadow: none;
}

.has-error .form-control:focus {
  border-color: #843534;
  box-shadow: 0 0 6px rgba(169, 68, 66, 0.45);
}

.has-error label {
  color: #a94442;
}

/* --- Bouton pendant l'envoi --- */
#contact-form input[type="submit"][disabled] {
  opacity: 0.65;
  cursor: not-allowed;
}