/**
 * Branded styling for Drupal's built-in account forms (login, register, reset
 * password). These render with core's default form markup, which the site's
 * enquiry-form CSS never targeted, so they appeared as plain unstyled inputs.
 * Scoped to the account forms only — does not touch any other form.
 */

.user-login-form,
.user-pass,
.user-register-form {
  max-width: 480px;
  margin: 20px 0 40px;
}

.user-login-form .form-item,
.user-pass .form-item,
.user-register-form .form-item {
  margin-bottom: 18px;
}

.user-login-form label,
.user-pass label,
.user-register-form label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  color: #333333;
}

.user-login-form input.form-text,
.user-login-form input[type="password"],
.user-pass input.form-text,
.user-pass input[type="email"],
.user-register-form input.form-text,
.user-register-form input[type="password"],
.user-register-form input[type="email"] {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  font-size: 15px;
}

.user-login-form input.form-text:focus,
.user-login-form input[type="password"]:focus,
.user-pass input:focus,
.user-register-form input:focus {
  border-color: #ff6600;
  outline: none;
}

.user-login-form .form-submit,
.user-pass .form-submit,
.user-register-form .form-submit {
  background-color: #ff6600;
  color: #ffffff;
  border: none;
  padding: 10px 28px;
  border-radius: 3px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
}

.user-login-form .form-submit:hover,
.user-pass .form-submit:hover,
.user-register-form .form-submit:hover {
  background-color: #e65c00;
}