// Form Confirmation Success State
.c-form-confirmation {
  padding: 2rem 0 4rem 0;

  &__box {
    border-left: 4px solid $primary;
    background-color: $primary-15;
    color: $primary;
    padding: 1.5rem 2rem;
  }

  &__heading {
    font-size: $h3-font-size;
    font-weight: $font-weight-extrabold;
    margin-bottom: 0.75rem;
  }

  &__message {
    margin-bottom: 0;
    color: #000;
    p:last-child {
      margin-bottom: 0;
    }
  }
}

// Error color overrides — Bootstrap defaults to red, project uses $secondary-rosenrot
.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .form-select:invalid,
.form-select.is-invalid {
  border-color: $secondary-rosenrot;
}

.invalid-feedback {
  color: $secondary-rosenrot;
}

.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
  color: $secondary-rosenrot;
}