/**
 * Highlight webform fields that fail validation (KSGW-423).
 *
 * The theme renders each field as a card (.border-wrapper, grey 1px border) with
 * the label + input inside. On a validation error Drupal adds `.error` /
 * `aria-invalid="true"` to the input; redden the whole card border and the label
 * so the errored Name/Email stands out (not just the inner input).
 *
 * Uses :has() — supported by current Chrome / Safari / Edge / Firefox.
 */
.webform-submission-form .form-item .border-wrapper:has(input.error),
.webform-submission-form .form-item .border-wrapper:has(select.error),
.webform-submission-form .form-item .border-wrapper:has(textarea.error),
.webform-submission-form .form-item .border-wrapper:has([aria-invalid="true"]) {
  border-color: #d7262e !important;
  box-shadow: 0 0 0 1px #d7262e;
}

.webform-submission-form .form-item .border-wrapper:has(.error) label,
.webform-submission-form .form-item .border-wrapper:has([aria-invalid="true"]) label {
  color: #d7262e !important;
}