/**
 * My Account / login screens — minimal, on-brand styling.
 * Loaded only on WooCommerce account pages (see functions.php, is_account_page()).
 * The minimal header + no footer come from templates/page-my-account.html.
 * All colors, radii, and shadows come from design tokens (assets/css/tokens.css).
 */

/* Drop the WooCommerce "Login" / "Register" heading — the minimal page is self-evident. */
.woocommerce-account .woocommerce > h2 { display: none; }

/* Login form — a clean, on-brand card. */
.woocommerce-account .woocommerce-form-login {
	background: #fff; /* pure white to match the dashboard + checkout cards (revisit: --surface-card) */
	border: 1px solid var(--border-subtle, #E3E8ED);
	border-radius: var(--r-lg, 16px);
	padding: 30px 28px;
	box-shadow: var(--shadow-md, 0 8px 24px -8px rgba(33, 31, 28, .12));
}
.woocommerce-account .woocommerce-form-login .woocommerce-form-row > label {
	display: block;
	font-weight: var(--w-medium, 500);
	margin-bottom: 6px;
}
.woocommerce-account .woocommerce-form-login input.input-text,
.woocommerce-account .woocommerce-form-login input[type="password"] {
	width: 100%;
	border: 1px solid var(--border-subtle, #E3E8ED);
	border-radius: var(--r-sm, 8px);
	padding: 12px 14px;
}
.woocommerce-account .woocommerce-form-login .woocommerce-form-login__submit {
	width: 100%;
	margin-top: 6px;
}
.woocommerce-account .woocommerce-form-login .woocommerce-form-login__rememberme {
	display: block;
	margin: 14px 0 0;
}

/* Carry the same input styling to the other account forms (Account details, Addresses). */
.woocommerce-account .woocommerce-EditAccountForm input.input-text,
.woocommerce-account .woocommerce-EditAccountForm input[type="email"],
.woocommerce-account .woocommerce-EditAccountForm input[type="password"],
.woocommerce-account .woocommerce-address-fields input.input-text,
.woocommerce-account .woocommerce-address-fields select {
	border: 1px solid var(--border-subtle, #E3E8ED);
	border-radius: var(--r-sm, 8px);
	padding: 12px 14px;
}