/**
 * @file
 * Styles for the Registration.
 */
.register-form-title {
  color: var(--green-900);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 1.25rem;
}

@media (min-width: 768px) {
  .register-form-title {
    font-size: 1.75rem;
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .register-form-title {
    font-size: 2rem;
  }
}

.user-register-form {
  color: var(--green-900);
  padding-top: 2.5rem;
  padding-bottom: 6.25rem;
}

@media (min-width: 768px) {
  .user-register-form {
    margin-left: auto;
    margin-right: auto;
    max-width: 33rem;
  }
}

@media (min-width: 1024px) {
  .user-register-form {
    max-width: calc(645px + 19rem);
  }
}

@media (min-width: 1200px) {
  .user-register-form {
    max-width: calc(645px + 26rem);
  }
}

.confirm-parent,
.password-parent {
  overflow: unset !important;
}

.user-register-form button.form-submit {
  border: 2px solid var(--green-800);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.user-register-form button.form-submit.button--primary {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.user-register-form button.form-submit:focus,
.user-register-form button.form-submit:hover {
  border: 2px solid var(--green-900);
}

.user-register-form .form-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 2.5rem;
}

.user-register-form .form-actions:has(.multistep-back) {
  justify-content: space-between;
}

.user-register-form .form-actions:not(:has(.multistep-back)) {
  justify-content: end;
}

.user-register-form .form-submit.multistep-back {
  background-color: #fff;
  border: 2px solid var(--green-800);
  color: var(--green-800);
}

.user-register-form .form-submit.multistep-back:focus,
.user-register-form .form-submit.multistep-back:hover {
  color: #fff;
}

.password-help ul {
  list-style: disc;
}

.password-help li {
  margin-left: 1rem;
}

/* Mobile sticky form actions */
@media (max-width: 767px) {
  .user-register-form {
    padding-bottom: 5rem;
  }

  .user-register-form .form-actions {
    margin-top: 3.75rem;
  }

  .user-register-form .form-actions .form-submit {
    flex: 1;
    margin: 0;
    min-height: 3rem;
    max-width: fit-content;
  }

  /* Adjust spacing when there's a back button */
  .user-register-form .form-actions:has(.multistep-back) .form-submit {
    margin-left: 0.5rem;
  }

  .user-register-form .form-actions:has(.multistep-back) .multistep-back {
    margin-right: 0.5rem;
  }
}

/* Hide password confirmation field - we can't do it via php */
.password-confirm {
  display: none;
}