/**
 * Set-password form (alma_ras_set_password shortcode).
 * Matches theme/Woo input styling from _general.css and woocommerce.css.
 */

/* Form container – same as .woocommerce .lost_reset_password */
.alma-reset-password-form,
.ur-frontend-form .alma-reset-password-form {
  padding: min(3rem, 10%);
}

/* Row / label – same as Woo form-row */
.alma-reset-password-form .user-registration-form-row,
.alma-reset-password-form .form-row {
  margin-bottom: 1rem;
}
.alma-reset-password-form .user-registration-form-row label,
.alma-reset-password-form .form-row label {
  display: block;
  font-weight: bold;
  margin-bottom: 0.3em;
}

.alma-reset-password-form .password-input-group {
  display: block;
  position: relative;
}

.alma-reset-password-form .password-input-group input {
  padding-right: 2.5rem;
}

.alma-reset-password-form .password-input-group .password_preview {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  cursor: pointer;
  color: currentColor;
  opacity: 0.7;
  text-decoration: none;
}
.alma-reset-password-form .password-input-group .password_preview:hover {
  opacity: 1;
}

/* Password inputs – match theme input variables (see _general.css) */
.alma-reset-password-form input[type="password"],
.alma-reset-password-form .user-registration-Input--text.input-text,
.alma-reset-password-form .password-input-group input {
  width: 100%;
  font-size: var(--inputs-font-size, 1rem);
  min-height: var(--inputs-height, 2.5rem);
  line-height: var(--inputs-height, 2.5rem);
  padding: 0 var(--inputs-padding, 0.8rem);
  border: 1px solid #a6a3a0 !important;
  background: none;
  transition: all 0.2s;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  box-shadow: none;
}
.alma-reset-password-form .password-input-group input {
  padding-right: 2.5rem;
}

/* Submit button – consistent with theme buttons */
.alma-reset-password-form input[type="submit"].user-registration-Button,
.alma-reset-password-form input[type="submit"].button {
  cursor: pointer;
  margin-top: 0.5rem;
}
