/**
 * @file
 * Error state for collapsible webform section summaries.
 *
 * details-errors.js adds .tp-details-error to a <summary> when a validation
 * error lives inside its section, so the applicant can see WHERE the problem
 * is even when sections are collapsed. Crimson on white meets contrast
 * requirements; the note is part of the summary so it reads in one pass for
 * screen readers.
 */

summary.tp-details-error {
  color: var(--tp-color-brand-accent, #be123c);
}

summary.tp-details-error .tp-details-error__note {
  font-size: var(--tp-font-size-sm, 0.875rem);
  font-weight: 600;
  color: var(--tp-color-brand-accent, #be123c);
}

summary.tp-details-error .tp-details-error__note::before {
  content: "\26A0  "; /* warning sign */
}