// Gravity forms styles >= 2.5
// Please disable CSS in /admin.php?page=gf_settings

// WCAG 2.0 errors
/* stylelint-disable selector-class-pattern */
div.validation_error {
  background-color: var(--color-error);
  color: var(--color-white);
  font-size: var(--font-size-17);
  font-weight: var(--font-weight-bold);
  margin-bottom: 2rem;
  padding: 2rem;

  &:focus {
    color: var(--color-white);
  }
}

body *[aria-invalid="true"] {
  border-color: var(--color-error);
}

.validation_message {
  color: var(--color-error);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-regular);
}

.validation_list {
  list-style: none;
  margin-bottom: 2rem;
  margin-left: 0;
  padding: 0;

  a {
    color: var(--color-error);
    text-decoration: none;
  }

  li {
    color: var(--color-error);
    font-weight: var(--font-weight-bold);
  }
}

// Default required label
.gfield_required::before {
  color: var(--color-main);
  content: '*';
  display: inline-block;
  font-size: var(--font-size-22);
  margin-left: .5rem;
  position: relative;
  top: .5rem;
}

// Add "(Required)" text as screen reader text
.gfield_required > span {
  @extend .screen-reader-text;
}

// Gravity forms minimal default styles
.gform-body {
  ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .gfield {
    border: 0;
    margin-bottom: 2rem;
    padding: 0;
  }

  .gfield_label {
    display: inline-block;
    font-weight: var(--font-weight-bold);
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding-inline-end: 0;
    padding-inline-start: 0;
  }

  textarea,
  input {
    width: 100%;
  }
}

// Hide validation fields
/* stylelint-disable-next-line */
.gform_validation_container {
  display: none;
}