/*
 * Native WooCommerce account forms -> approved local-preview presentation.
 *
 * Authentication and registration stay fully native. These rules only remove
 * inheritance differences introduced by WooCommerce's runtime wrappers.
 */

/* The approved commerce header keeps its eyebrow neutral, not action-green. */
.gp-runtime-commerce-page[data-gp-commerce-step="account"] .gp-preview-commerce-header > .gp-eyebrow {
  color: var(--gp-muted);
}

.gp-preview-commerce-page #customer_login .woocommerce-form-register .gp-account-card__intro .gp-eyebrow {
  color: var(--gp-volt);
}

.gp-preview-commerce-page #customer_login .woocommerce-form-register .gp-account-card__lead {
  color: rgba(255, 255, 255, 0.65) !important;
}

/* WooCommerce adds 3px of generic row padding that the approved forms do not use. */
.gp-preview-commerce-page #customer_login .woocommerce-form .form-row {
  padding: 0 !important;
}

.gp-preview-commerce-page #customer_login .woocommerce-form .form-row-wide > label {
  display: inline;
  line-height: 1.5;
  margin-bottom: 0;
}

.gp-preview-commerce-page #customer_login .woocommerce-form button[type="submit"] {
  min-height: 3.65rem;
}

.gp-preview-commerce-page #customer_login .woocommerce-form .password-input {
  display: block;
  width: 100%;
}

.gp-preview-commerce-page #customer_login .woocommerce-form .password-input input {
  margin: 0;
}

.gp-preview-commerce-page #customer_login .woocommerce-form-login__rememberme {
  align-items: center;
  display: inline-flex;
  font-weight: 500 !important;
  line-height: 24px;
}

.gp-preview-commerce-page #customer_login .woocommerce-form-login__rememberme input {
  margin: 0 0.35rem 0 0;
}

/* Match the helper generated when WooCommerce creates the password by email. */
.gp-preview-commerce-page #customer_login .woocommerce-form-register > p:not([class]) {
  color: rgba(255, 255, 255, 0.65) !important;
  font-size: 0.88rem;
  line-height: 1.6;
  margin: -0.15rem 0 1rem;
}

.gp-preview-commerce-page #customer_login .woocommerce-form-register > .form-row:not(.form-row-wide) {
  display: contents;
}

.gp-preview-commerce-page #customer_login .woocommerce-form-register > .woocommerce-privacy-policy-text {
  margin-top: 1rem;
}

.gp-preview-commerce-page #customer_login .woocommerce-form-register .woocommerce-privacy-policy-text,
.gp-preview-commerce-page #customer_login .woocommerce-form-register .woocommerce-privacy-policy-text p {
  color: rgba(255, 255, 255, 0.65) !important;
  font-size: 0.88rem;
  line-height: 1.6;
}

.gp-preview-commerce-page #customer_login .woocommerce-form-register .woocommerce-privacy-policy-text p {
  margin: 0;
}