/**
 * @file
 * Small overrides for the wizard that don't fit the theme's Tailwind
 * pipeline (per-field validation error text — see js/multi-step-enquiry.js).
 */

/* Inline validation message shown under a contact field (Work email, ...).
   Empty when the field is valid, so it takes up no space until needed. */
.pe-modal .field .pe-field-error {
  min-height: 0;
  margin-top: 4px;
  font-size: 0.8em;
  font-weight: 600;
  line-height: 1.3;
  /* The contact screen's card background is dark teal — the border's
     brick-red (#A3402A) all but disappears as text on it, so the message
     uses a lighter coral instead. */
  color: #FF8A80;
}

.pe-modal .field .pe-field-error:empty {
  display: none;
}