// Message d'erreur s'affichant en dessous des champs en erreur, gérer par un composant Angular
// Dans la lib zac-ng-form

// todo : vérifier suite à l'implémentation des icônes via la lib npmdans zax-ng-form
.ng-error {
  color: var(--dt-form_field_wrapper-ng_error-color);
  margin: var(--dt-form_field_wrapper-ng_error-margin);
  line-height: var(--dt-form_field_wrapper-ng_error-line_height);

  &.error {
    // uniquement si nous avons une icone de font awesome implémenter depuis zac-ng-form en angular 13 et via la librairie de font-awesome en version module angular
    .error-before .svg-inline--fa {
      margin-right: var(--dt-form_field_wrapper-ng_error-error_before-icone_fa-font-size);
      font-size: var(--dt-error_before-icone_fa-font-size);
    }
  }

  .error-message {
    font-size: var(--dt-form_field_wrapper-ng_error-font_size);
    display: inline-block;
  }
}