/* Shared frontend validation states */
.client-error-message {
  display: none;
  margin-top: 0.35rem;
  color: #c81e1e;
  font-size: 0.78rem;
  line-height: 1.4;
  font-weight: 600;
}

input.is-invalid,
textarea.is-invalid,
select.is-invalid,
.field-input.is-invalid,
.form-control.is-invalid,
.mag-form-input.is-invalid,
.min-form-input.is-invalid {
  border-color: #c81e1e !important;
  box-shadow: 0 0 0 3px rgba(200, 30, 30, 0.12) !important;
  background-color: #fff8f8 !important;
}

input.is-valid,
textarea.is-valid,
select.is-valid,
.field-input.is-valid,
.form-control.is-valid,
.mag-form-input.is-valid,
.min-form-input.is-valid {
  border-color: #0a8f4f !important;
  box-shadow: 0 0 0 3px rgba(10, 143, 79, 0.12) !important;
}