/* Error summary and field messages of a refused save (#277, public/js/form-errors.js, docs/rebuild/layout.md
   "Save errors"). */

.form-error-summary {
  margin-bottom: 1rem;
}
.form-error-summary:focus {
  outline: 2px solid #721c24;
  outline-offset: 2px;
}
.form-error-summary__title {
  display: block;
}
.form-error-summary__list {
  margin: .25rem 0 0;
  padding-left: 1.25rem;
}
.form-error-summary__list a {
  color: inherit;
  text-decoration: underline;
}

/* The vehicle form's client check marks fields with .parsley-error (legacy class); style.css styled it only on the
   registration page, so a refused save showed nothing at the field (customer finding 03.11.2026). */
.form-control.parsley-error,
.form-control.is-invalid {
  border-color: #dc3545;
}
.form-control.parsley-error:focus,
.form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25);
}

/* Shown by the script next to the marked field, also where Bootstrap's sibling rule does not reach (input groups,
   check boxes, table cells). */
.invalid-feedback.form-error-feedback {
  display: block;
}