/**
 * WooCommerce «Mi cuenta» — formularios de invitado (login, registro, lost/reset).
 *
 * Algunos temas no imprimen .woocommerce-MyAccount-content; el ámbito es body.woocommerce-account
 * (clase que sí añade Woo en Mi cuenta) + formularios concretos.
 *
 * En PHP se encola `checkoutflow-ui-system` como dependencia cuando el handle está
 * registrado, para reutilizar :root (--color-*, --radius-*, etc.) sin @import ni rutas
 * frágiles entre plugins. Si CheckoutFlow no está activo, los var(..., fallback) mantienen
 * la misma escala visual (valores alineados a ui-system.css).
 */

body.woocommerce-account {
	--maf-primary: var(--color-primary, #0d6efd);
	--maf-body-text: var(--color-body-text, #212529);
	--maf-muted: var(--color-muted, #6c757d);
	--maf-border: var(--color-border, #ced4da);
	--maf-body-bg: var(--color-body-bg, #ffffff);
	--maf-danger: var(--color-danger, #dc3545);
	--maf-radius: var(--radius-md, 0.5rem);
	--maf-radius-lg: var(--radius-lg, 1rem);
	--maf-shadow: var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.075));
	--maf-shadow-md: var(--shadow-md, 0 4px 12px rgba(0, 0, 0, 0.12));
	--maf-font: var(--font-family-base, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
	--maf-focus: var(--focus-ring-color, rgba(13, 110, 253, 0.35));
	--maf-focus-w: var(--focus-ring-width, 0.2rem);
	--maf-space-2: var(--spacing-2, 0.5rem);
	--maf-space-3: var(--spacing-3, 0.75rem);
	--maf-space-4: var(--spacing-4, 1rem);
	--maf-space-6: var(--spacing-6, 1.5rem);
}

/* Tipografía base solo donde están los formularios WC (evita pisar header global) */
body.woocommerce-account form.woocommerce-form-login,
body.woocommerce-account form.woocommerce-form-register,
body.woocommerce-account form.lost_reset_password,
body.woocommerce-account form.woocommerce-ResetPassword {
	color: var(--maf-body-text);
	font-family: var(--maf-font);
	font-size: var(--font-size-base, 1rem);
	line-height: var(--line-height-base, 1.5);
}

/* Contenedor de formularios (lectura tipo checkout / auth card) */
body.woocommerce-account form.woocommerce-form-login,
body.woocommerce-account form.woocommerce-form-register,
body.woocommerce-account form.lost_reset_password,
body.woocommerce-account form.woocommerce-ResetPassword {
	max-width: 32rem;
	margin-left: auto;
	margin-right: auto;
	padding: var(--maf-space-6);
	border: 1px solid color-mix(in srgb, var(--maf-border) 85%, var(--maf-body-text) 15%);
	border-radius: var(--maf-radius-lg);
	background: var(--maf-body-bg);
	box-shadow: var(--maf-shadow-md);
	box-sizing: border-box;
}

body.woocommerce-account .col2-set {
	display: grid;
	gap: var(--maf-space-6);
	justify-items: center;
	max-width: 64rem;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 768px) {
	body.woocommerce-account .col2-set {
		align-items: start;
	}

	body.woocommerce-account .col2-set form.woocommerce-form-login,
	body.woocommerce-account .col2-set form.woocommerce-form-register {
		max-width: none;
		margin-left: 0;
		margin-right: 0;
	}
}

/* Filas y campos */
body.woocommerce-account .woocommerce-form .form-row,
body.woocommerce-account form.woocommerce-form-login .form-row,
body.woocommerce-account form.woocommerce-form-register .form-row,
body.woocommerce-account form.lost_reset_password .form-row,
body.woocommerce-account form.woocommerce-ResetPassword .form-row {
	margin: 0 0 var(--maf-space-4);
	padding: 0;
	width: 100%;
	float: none;
}

body.woocommerce-account .woocommerce-form .form-row:last-child,
body.woocommerce-account form.woocommerce-form-login .form-row:last-child,
body.woocommerce-account form.woocommerce-form-register .form-row:last-child,
body.woocommerce-account form.lost_reset_password .form-row:last-child,
body.woocommerce-account form.woocommerce-ResetPassword .form-row:last-child {
	margin-bottom: 0;
}

body.woocommerce-account form.woocommerce-form-login label,
body.woocommerce-account form.woocommerce-form-register label,
body.woocommerce-account form.lost_reset_password label,
body.woocommerce-account form.woocommerce-ResetPassword label,
body.woocommerce-account .woocommerce-form__label {
	font-weight: 600;
	font-size: 0.95rem;
	color: var(--maf-body-text);
	margin-bottom: var(--maf-space-2);
	display: inline-block;
}

body.woocommerce-account label.inline,
body.woocommerce-account .woocommerce-form__label-for-checkbox.inline {
	font-weight: 500;
	margin-bottom: 0;
	display: inline-flex;
	align-items: center;
	gap: var(--maf-space-2);
	cursor: pointer;
}

body.woocommerce-account form .form-row .required {
	color: var(--maf-danger);
	font-weight: 700;
	text-decoration: none;
}

body.woocommerce-account form.woocommerce-form-login input.input-text,
body.woocommerce-account form.woocommerce-form-login input.password,
body.woocommerce-account form.woocommerce-form-register input.input-text,
body.woocommerce-account form.woocommerce-form-register input.password,
body.woocommerce-account form.lost_reset_password input.input-text,
body.woocommerce-account form.lost_reset_password input.password,
body.woocommerce-account form.woocommerce-ResetPassword input.input-text,
body.woocommerce-account form.woocommerce-ResetPassword input.password,
body.woocommerce-account form.woocommerce-form-login select,
body.woocommerce-account form.woocommerce-form-register select,
body.woocommerce-account form.lost_reset_password select,
body.woocommerce-account form.woocommerce-ResetPassword select,
body.woocommerce-account form.woocommerce-form-login textarea,
body.woocommerce-account form.woocommerce-form-register textarea {
	width: 100%;
	max-width: 100%;
	min-height: 2.5rem;
	padding: 0.5rem 0.75rem !important;
	border: 1px solid var(--maf-border) !important;
	border-radius: var(--maf-radius) !important;
	background-color: var(--maf-body-bg) !important;
	color: var(--maf-body-text) !important;
	font-family: var(--maf-font) !important;
	font-size: var(--font-size-base, 1rem) !important;
	line-height: var(--line-height-base, 1.5) !important;
	box-shadow: var(--maf-shadow) !important;
	box-sizing: border-box;
	transition: border-color 0.16s ease, box-shadow 0.16s ease;
}

body.woocommerce-account form.woocommerce-form-login textarea,
body.woocommerce-account form.woocommerce-form-register textarea {
	min-height: 6rem;
	resize: vertical;
}

body.woocommerce-account form.woocommerce-form-login input.input-text::placeholder,
body.woocommerce-account form.woocommerce-form-login input.password::placeholder,
body.woocommerce-account form.woocommerce-form-register input.input-text::placeholder,
body.woocommerce-account form.woocommerce-form-register input.password::placeholder,
body.woocommerce-account form.lost_reset_password input::placeholder,
body.woocommerce-account form.woocommerce-ResetPassword input::placeholder,
body.woocommerce-account form.woocommerce-form-login textarea::placeholder,
body.woocommerce-account form.woocommerce-form-register textarea::placeholder {
	color: var(--maf-muted);
	opacity: 1;
}

body.woocommerce-account form.woocommerce-form-login input.input-text:hover,
body.woocommerce-account form.woocommerce-form-login input.password:hover,
body.woocommerce-account form.woocommerce-form-register input.input-text:hover,
body.woocommerce-account form.woocommerce-form-register input.password:hover,
body.woocommerce-account form.lost_reset_password input:hover,
body.woocommerce-account form.woocommerce-ResetPassword input:hover,
body.woocommerce-account form.woocommerce-form-login select:hover,
body.woocommerce-account form.woocommerce-form-register select:hover,
body.woocommerce-account form.woocommerce-form-login textarea:hover,
body.woocommerce-account form.woocommerce-form-register textarea:hover {
	border-color: color-mix(in srgb, var(--maf-border) 70%, var(--maf-body-text) 30%) !important;
}

body.woocommerce-account form.woocommerce-form-login input.input-text:focus,
body.woocommerce-account form.woocommerce-form-login input.password:focus,
body.woocommerce-account form.woocommerce-form-register input.input-text:focus,
body.woocommerce-account form.woocommerce-form-register input.password:focus,
body.woocommerce-account form.lost_reset_password input:focus,
body.woocommerce-account form.woocommerce-ResetPassword input:focus,
body.woocommerce-account form.woocommerce-form-login select:focus,
body.woocommerce-account form.woocommerce-form-register select:focus,
body.woocommerce-account form.woocommerce-form-login textarea:focus,
body.woocommerce-account form.woocommerce-form-register textarea:focus,
body.woocommerce-account form.woocommerce-form-login input.input-text:focus-visible,
body.woocommerce-account form.woocommerce-form-login input.password:focus-visible,
body.woocommerce-account form.woocommerce-form-register input.input-text:focus-visible,
body.woocommerce-account form.woocommerce-form-register input.password:focus-visible,
body.woocommerce-account form.lost_reset_password input:focus-visible,
body.woocommerce-account form.woocommerce-ResetPassword input:focus-visible,
body.woocommerce-account form.woocommerce-form-login select:focus-visible,
body.woocommerce-account form.woocommerce-form-register select:focus-visible,
body.woocommerce-account form.woocommerce-form-login textarea:focus-visible,
body.woocommerce-account form.woocommerce-form-register textarea:focus-visible {
	outline: 0;
	border-color: var(--maf-primary) !important;
	box-shadow: 0 0 0 var(--maf-focus-w) var(--maf-focus) !important;
}

body.woocommerce-account form.woocommerce-form-login input[type="checkbox"],
body.woocommerce-account form.woocommerce-form-login input[type="radio"],
body.woocommerce-account form.woocommerce-form-register input[type="checkbox"],
body.woocommerce-account form.woocommerce-form-register input[type="radio"] {
	width: 1.125rem;
	height: 1.125rem;
	min-width: 1.125rem;
	min-height: 1.125rem;
	margin: 0;
	accent-color: var(--maf-primary);
	vertical-align: middle;
	flex-shrink: 0;
}

/* Select2 (registro con país, etc.) */
body.woocommerce-account form.woocommerce-form-register .select2-container,
body.woocommerce-account form.woocommerce-form-login .select2-container {
	margin-bottom: 0;
}

body.woocommerce-account form.woocommerce-form-register .select2-container .select2-selection--single,
body.woocommerce-account form.woocommerce-form-login .select2-container .select2-selection--single {
	min-height: 2.5rem !important;
	border-radius: var(--maf-radius) !important;
	border-color: var(--maf-border) !important;
	box-shadow: var(--maf-shadow) !important;
}

body.woocommerce-account form.woocommerce-form-register .select2-container--default .select2-selection--single .select2-selection__rendered,
body.woocommerce-account form.woocommerce-form-login .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 2.5rem !important;
	padding-left: 0.75rem !important;
}

body.woocommerce-account form.woocommerce-form-register .select2-container--default .select2-selection--single .select2-selection__arrow,
body.woocommerce-account form.woocommerce-form-login .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 2.5rem !important;
}

/* Botones alineados a ui-btn (primario = dark como pasos «siguiente» del checkout) */
body.woocommerce-account form.woocommerce-form-login .woocommerce-button,
body.woocommerce-account form.woocommerce-form-login button.button,
body.woocommerce-account form.woocommerce-form-login button.woocommerce-Button,
body.woocommerce-account form.woocommerce-form-login button.woocommerce-form-login__submit,
body.woocommerce-account form.woocommerce-form-register .woocommerce-button,
body.woocommerce-account form.woocommerce-form-register button.button,
body.woocommerce-account form.woocommerce-form-register button.woocommerce-Button,
body.woocommerce-account form.lost_reset_password .woocommerce-button,
body.woocommerce-account form.lost_reset_password button.button,
body.woocommerce-account form.woocommerce-ResetPassword .woocommerce-button,
body.woocommerce-account form.woocommerce-ResetPassword button.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	min-height: 2.65rem;
	padding: 0.55rem 1.25rem !important;
	border-radius: 999px !important;
	font-family: var(--maf-font) !important;
	font-size: 0.95rem !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	cursor: pointer;
	box-sizing: border-box;
	transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
	-webkit-appearance: none;
	appearance: none;
}

body.woocommerce-account form.woocommerce-form-login .woocommerce-button:not(.alt),
body.woocommerce-account form.woocommerce-form-login button.button:not(.alt),
body.woocommerce-account form.woocommerce-form-login button.woocommerce-form-login__submit,
body.woocommerce-account form.woocommerce-form-login button.woocommerce-Button[name="register"],
body.woocommerce-account form.woocommerce-form-login button[type="submit"]:not(.alt),
body.woocommerce-account form.woocommerce-form-register .woocommerce-button:not(.alt),
body.woocommerce-account form.woocommerce-form-register button.button:not(.alt),
body.woocommerce-account form.woocommerce-form-register button.woocommerce-Button[name="register"],
body.woocommerce-account form.woocommerce-form-register button[type="submit"]:not(.alt),
body.woocommerce-account form.lost_reset_password .woocommerce-button:not(.alt),
body.woocommerce-account form.lost_reset_password button.button:not(.alt),
body.woocommerce-account form.lost_reset_password button[type="submit"]:not(.alt),
body.woocommerce-account form.woocommerce-ResetPassword .woocommerce-button:not(.alt),
body.woocommerce-account form.woocommerce-ResetPassword button.button:not(.alt),
body.woocommerce-account form.woocommerce-ResetPassword button[type="submit"]:not(.alt) {
	background-color: var(--color-dark, #212529) !important;
	color: #fff !important;
	border: 1px solid var(--color-dark, #212529) !important;
	box-shadow: var(--maf-shadow);
}

body.woocommerce-account form.woocommerce-form-login .woocommerce-button:not(.alt):hover,
body.woocommerce-account form.woocommerce-form-login button.button:not(.alt):hover,
body.woocommerce-account form.woocommerce-form-login button.woocommerce-form-login__submit:hover,
body.woocommerce-account form.woocommerce-form-login button.woocommerce-Button[name="register"]:hover,
body.woocommerce-account form.woocommerce-form-login button[type="submit"]:not(.alt):hover,
body.woocommerce-account form.woocommerce-form-register .woocommerce-button:not(.alt):hover,
body.woocommerce-account form.woocommerce-form-register button.button:not(.alt):hover,
body.woocommerce-account form.woocommerce-form-register button.woocommerce-Button[name="register"]:hover,
body.woocommerce-account form.woocommerce-form-register button[type="submit"]:not(.alt):hover,
body.woocommerce-account form.lost_reset_password .woocommerce-button:not(.alt):hover,
body.woocommerce-account form.lost_reset_password button.button:not(.alt):hover,
body.woocommerce-account form.lost_reset_password button[type="submit"]:not(.alt):hover,
body.woocommerce-account form.woocommerce-ResetPassword .woocommerce-button:not(.alt):hover,
body.woocommerce-account form.woocommerce-ResetPassword button.button:not(.alt):hover,
body.woocommerce-account form.woocommerce-ResetPassword button[type="submit"]:not(.alt):hover {
	background-color: var(--maf-primary) !important;
	border-color: var(--maf-primary) !important;
	color: #fff !important;
}

body.woocommerce-account form.woocommerce-form-login .woocommerce-button:not(.alt):active,
body.woocommerce-account form.woocommerce-form-login button.button:not(.alt):active,
body.woocommerce-account form.woocommerce-form-login button.woocommerce-form-login__submit:active,
body.woocommerce-account form.woocommerce-form-register .woocommerce-button:not(.alt):active,
body.woocommerce-account form.woocommerce-form-register button.button:not(.alt):active,
body.woocommerce-account form.lost_reset_password .woocommerce-button:not(.alt):active,
body.woocommerce-account form.lost_reset_password button.button:not(.alt):active,
body.woocommerce-account form.woocommerce-ResetPassword .woocommerce-button:not(.alt):active,
body.woocommerce-account form.woocommerce-ResetPassword button.button:not(.alt):active {
	filter: brightness(0.95);
}

body.woocommerce-account form.woocommerce-form-login .woocommerce-button:focus-visible,
body.woocommerce-account form.woocommerce-form-login button.button:focus-visible,
body.woocommerce-account form.woocommerce-form-register .woocommerce-button:focus-visible,
body.woocommerce-account form.woocommerce-form-register button.button:focus-visible,
body.woocommerce-account form.lost_reset_password .woocommerce-button:focus-visible,
body.woocommerce-account form.lost_reset_password button.button:focus-visible,
body.woocommerce-account form.woocommerce-ResetPassword .woocommerce-button:focus-visible,
body.woocommerce-account form.woocommerce-ResetPassword button.button:focus-visible {
	outline: 0;
	box-shadow: 0 0 0 var(--maf-focus-w) var(--maf-focus) !important;
}

/* Secundario (clases alt / segundo CTA) */
body.woocommerce-account form a.woocommerce-Button.button.alt,
body.woocommerce-account form button.button.alt,
body.woocommerce-account form .woocommerce-button.button.alt {
	background-color: var(--color-secondary, #6c757d) !important;
	border-color: var(--color-secondary, #6c757d) !important;
	color: #fff !important;
}

body.woocommerce-account form a.woocommerce-Button.button.alt:hover,
body.woocommerce-account form button.button.alt:hover {
	filter: brightness(1.05);
}

/* Enlaces (lost password, «registrarse», volver) */
body.woocommerce-account .woocommerce-LostPassword,
body.woocommerce-account .woocommerce-LostPassword a,
body.woocommerce-account a.woocommerce-Button--link,
body.woocommerce-account .lost_password a {
	font-size: 0.92rem;
	font-weight: 500;
	color: var(--maf-primary) !important;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

body.woocommerce-account .woocommerce-LostPassword a:hover,
body.woocommerce-account a.woocommerce-Button--link:hover {
	text-decoration-thickness: 2px;
}

/* Fila con remember + submit: apilado en móvil */
body.woocommerce-account .woocommerce-form-login__remember {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--maf-space-3);
	justify-content: space-between;
}

body.woocommerce-account .woocommerce-form-login__remember .woocommerce-form-login__submit {
	flex: 1 1 auto;
	min-width: 10rem;
}

@media (max-width: 480px) {
	body.woocommerce-account .woocommerce-form-login__remember {
		flex-direction: column;
		align-items: stretch;
	}

	body.woocommerce-account .woocommerce-form-login__remember .woocommerce-form-login__submit {
		width: 100%;
	}
}

body.woocommerce-account .woocommerce-privacy-policy-text {
	margin: var(--maf-space-4) 0;
	font-size: 0.875rem;
	color: var(--maf-muted);
	line-height: 1.45;
}

body.woocommerce-account .woocommerce-password-strength,
body.woocommerce-account .woocommerce-password-hint {
	font-size: 0.875rem;
	margin-top: var(--maf-space-2);
}

/* Notices en página cuenta (fuera del wrapper de contenido si el tema lo omite) */
body.woocommerce-account .woocommerce-error,
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info {
	margin-bottom: var(--maf-space-4);
}

/*
 * Tema: esta hoja solo se encola en Mi cuenta como invitado (login / registro / lost-reset).
 * Quitar panel sólido del contenedor de entrada para que respiren las “cards” de formulario.
 */
body.woocommerce-account .entry.content-bg {
	background: transparent !important;
	box-shadow: none !important;
}

body.woocommerce-account .entry.content-bg h2{
	text-align: center;
	font-family: var(--global-heading-font-family) !important;
}

body.woocommerce-account .entry.content-bg .woocommerce-LostPassword a,
body.woocommerce-account .entry.content-bg .lost_password a{
	color: var(--maf-body-text) !important;
}


/* Login/registro: una columna (JS añade clase en #customer_login; body.* evita FOUC) */
body.woocommerce-account.improved-woo-my-account-auth-login #customer_login .col-2,
body.woocommerce-account.improved-woo-my-account-auth-login #customer_login .u-column2,
body.woocommerce-account #customer_login.improved-woo-auth--login .col-2,
body.woocommerce-account #customer_login.improved-woo-auth--login .u-column2 {
	display: none !important;
}

body.woocommerce-account.improved-woo-my-account-auth-register #customer_login .col-1,
body.woocommerce-account.improved-woo-my-account-auth-register #customer_login .u-column1,
body.woocommerce-account #customer_login.improved-woo-auth--register .col-1,
body.woocommerce-account #customer_login.improved-woo-auth--register .u-column1 {
	display: none !important;
}

body.woocommerce-account.improved-woo-my-account-auth-login #customer_login.col2-set,
body.woocommerce-account.improved-woo-my-account-auth-register #customer_login.col2-set,
body.woocommerce-account #customer_login.improved-woo-auth--login.col2-set,
body.woocommerce-account #customer_login.improved-woo-auth--register.col2-set {
	grid-template-columns: 1fr;
	justify-items: center;
	margin-left: auto;
	margin-right: auto;
}

body.woocommerce-account .improved-woo-auth-switch {
	margin: var(--maf-space-4) 0 0;
	text-align: center;
}

body.woocommerce-account .improved-woo-auth-switch a {
	font-size: 0.92rem;
	font-weight: 500;
	color: var(--maf-primary) !important;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}