/* =====================================================================
   UNICLIMA · /mi-cuenta/ v5 — refinamiento sobre diseño existente
   Mantiene la esencia (card outer + "Continuar con Google" + separator)
   Mejora layout, tipografía Fraunces para título grande, inputs limpios,
   buttons sistema v5, hover ricos, sin duplicar contenido del theme.
   ===================================================================== */

body.woocommerce-account {
	--ucv5m-brand: #C8102E;
	--ucv5m-brand-dark: #A50D26;
	--ucv5m-ink-900: #0A0A0A;
	--ucv5m-ink-700: #262626;
	--ucv5m-ink-500: #6B6B6B;
	--ucv5m-ink-300: #C4C4C4;
	--ucv5m-ink-200: #E0E0E0;
	--ucv5m-ink-100: #F0F0F0;
	--ucv5m-ink-050: #F7F7F7;
	--ucv5m-white: #FFFFFF;
	--ucv5m-success: #16A34A;
	--ucv5m-radius: 10px;
	--ucv5m-radius-pill: 999px;
	--ucv5m-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400..700&display=swap');

body.woocommerce-account {
	font-family: 'DM Sans', system-ui, sans-serif;
	color: var(--ucv5m-ink-700);
	background: var(--ucv5m-white);
}

body.woocommerce-account .ast-container,
body.woocommerce-account .entry-content {
	max-width: 1240px !important;
}

/* Page hero — título grande Fraunces */
body.woocommerce-account .entry-title {
	display: block !important;
	font-family: 'Fraunces', 'Playfair Display', Georgia, serif !important;
	font-size: clamp(2.5rem, 5vw + 0.5rem, 4.5rem) !important;
	font-weight: 700 !important;
	color: var(--ucv5m-ink-900) !important;
	letter-spacing: -0.04em !important;
	line-height: 1 !important;
	margin: clamp(40px, 6vw, 80px) 0 12px !important;
	text-align: left !important;
}
body.woocommerce-account .entry-header {
	border: 0 !important;
	padding: 0 !important;
	margin-bottom: clamp(32px, 4vw, 56px) !important;
}
body.woocommerce-account .entry-header::after {
	content: "Accede para gestionar tus pedidos, repuestos guardados y direcciones de envío.";
	display: block;
	font-family: 'DM Sans', sans-serif;
	font-size: 17px;
	color: var(--ucv5m-ink-500);
	max-width: 580px;
	line-height: 1.5;
}
body.logged-in.woocommerce-account .entry-header::after {
	content: "Gestiona tus pedidos, repuestos y datos desde un solo sitio.";
}

/* WooCommerce wrapper full width */
body.woocommerce-account .woocommerce {
	max-width: 100% !important;
	width: 100% !important;
	padding-block: 0 !important;
}

/* === NO LOGEADO: centrar bien el col2-set === */
body.woocommerce-account:not(.logged-in) .u-columns.col2-set {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	max-width: 100% !important;
	width: 100% !important;
	margin: 0 !important;
}

/* Esconder columna 2 si está vacía (registro deshabilitado) */
body.woocommerce-account:not(.logged-in) .u-column2 {
	display: none !important;
}

/* Columna 1 centrada con generoso max-width */
body.woocommerce-account:not(.logged-in) .u-column1 {
	width: 100% !important;
	max-width: 560px !important;
	margin: 0 auto !important;
	float: none !important;
	padding: 0 !important;
}

/* Esconder h2 originales (no necesario, ya hay heading rojo) */
body.woocommerce-account .u-column1 > h2,
body.woocommerce-account .u-column2 > h2 {
	display: none !important;
}

/* === FORM ROWS — labels uppercase elegantes === */
body.woocommerce-account .woocommerce-form-row {
	margin: 0 0 20px !important;
	padding: 0 !important;
	width: 100% !important;
}
body.woocommerce-account .woocommerce-form-row label {
	display: block !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: var(--ucv5m-ink-500) !important;
	margin-bottom: 8px !important;
}
body.woocommerce-account .woocommerce-form-row label .required {
	color: var(--ucv5m-brand) !important;
	margin-left: 2px !important;
}

/* === INPUTS — limpios, con focus ring === */
body.woocommerce-account input[type="text"],
body.woocommerce-account input[type="email"],
body.woocommerce-account input[type="password"],
body.woocommerce-account input[type="tel"],
body.woocommerce-account .woocommerce-Input {
	width: 100% !important;
	padding: 14px 16px !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 16px !important;
	color: var(--ucv5m-ink-900) !important;
	background: var(--ucv5m-white) !important;
	border: 1.5px solid var(--ucv5m-ink-200) !important;
	border-radius: 8px !important;
	transition: border-color 200ms var(--ucv5m-ease), box-shadow 200ms !important;
	box-shadow: none !important;
	height: auto !important;
	line-height: 1.4 !important;
}
body.woocommerce-account input[type="text"]:focus,
body.woocommerce-account input[type="email"]:focus,
body.woocommerce-account input[type="password"]:focus,
body.woocommerce-account input[type="tel"]:focus,
body.woocommerce-account .woocommerce-Input:focus {
	border-color: var(--ucv5m-ink-900) !important;
	outline: none !important;
	box-shadow: 0 0 0 4px rgba(10,10,10,.06) !important;
}

/* Password reveal eye */
body.woocommerce-account .password-input { position: relative; display: block; }
body.woocommerce-account .show-password-input {
	color: var(--ucv5m-ink-500) !important;
	right: 16px !important;
}
body.woocommerce-account .show-password-input.display-password {
	color: var(--ucv5m-ink-900) !important;
}

/* === BUTTONS === */
body.woocommerce-account button.woocommerce-button,
body.woocommerce-account button[name="login"],
body.woocommerce-account button[name="register"],
body.woocommerce-account .woocommerce form .button:not([name="apply_coupon"]):not([href*="repuestos"]) {
	width: 100% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	min-height: 54px !important;
	padding: 14px 28px !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	letter-spacing: -0.005em !important;
	border: 1.5px solid var(--ucv5m-ink-900) !important;
	border-radius: var(--ucv5m-radius-pill) !important;
	background: var(--ucv5m-ink-900) !important;
	color: var(--ucv5m-white) !important;
	cursor: pointer !important;
	transition: background-color 220ms var(--ucv5m-ease), border-color 220ms, transform 180ms cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 220ms !important;
	box-shadow: none !important;
	text-transform: none !important;
	margin-top: 12px !important;
}
body.woocommerce-account button.woocommerce-button:hover,
body.woocommerce-account button[name="login"]:hover,
body.woocommerce-account button[name="register"]:hover {
	background: var(--ucv5m-brand) !important;
	border-color: var(--ucv5m-brand) !important;
	box-shadow: 0 8px 24px rgba(200,16,46,.22) !important;
}
body.woocommerce-account button.woocommerce-button:active,
body.woocommerce-account button[name="login"]:active,
body.woocommerce-account button[name="register"]:active {
	transform: scale(0.98) !important;
}

/* === REMEMBER ME + LOST PASSWORD === */
body.woocommerce-account .woocommerce-form-login__rememberme {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: var(--ucv5m-ink-700);
	margin-top: 4px;
	font-weight: 500;
	cursor: pointer;
}
body.woocommerce-account .woocommerce-form-login__rememberme input[type="checkbox"] {
	width: 18px; height: 18px;
	accent-color: var(--ucv5m-brand);
	margin: 0;
	cursor: pointer;
}
body.woocommerce-account .woocommerce-LostPassword,
body.woocommerce-account .lost_password {
	margin-top: 20px !important;
	text-align: center !important;
	font-size: 14px !important;
	color: var(--ucv5m-ink-500) !important;
}
body.woocommerce-account .woocommerce-LostPassword a,
body.woocommerce-account .lost_password a {
	color: var(--ucv5m-ink-900) !important;
	font-weight: 600 !important;
	text-decoration: underline !important;
	text-decoration-color: var(--ucv5m-ink-300) !important;
	text-underline-offset: 4px !important;
	transition: text-decoration-color 200ms, color 200ms !important;
}
body.woocommerce-account .woocommerce-LostPassword a:hover,
body.woocommerce-account .lost_password a:hover {
	color: var(--ucv5m-brand) !important;
	text-decoration-color: var(--ucv5m-brand) !important;
}

/* Privacy policy */
body.woocommerce-account .woocommerce-privacy-policy-text {
	font-size: 13px !important;
	color: var(--ucv5m-ink-500) !important;
	line-height: 1.5 !important;
	margin: 16px 0 0 !important;
}
body.woocommerce-account .woocommerce-privacy-policy-text a {
	color: var(--ucv5m-ink-900) !important;
	font-weight: 600 !important;
	text-decoration: underline !important;
}

/* === LOGEADO: sidebar tabs + content limpio === */
body.logged-in.woocommerce-account .woocommerce {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: clamp(32px, 4vw, 56px) !important;
	align-items: start !important;
}
@media (min-width: 900px) {
	body.logged-in.woocommerce-account .woocommerce {
		grid-template-columns: 280px 1fr !important;
	}
}

body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation {
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	float: none !important;
	position: sticky;
	top: 120px;
}
body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border-top: 1px solid var(--ucv5m-ink-200);
}
body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0 !important;
	border-bottom: 1px solid var(--ucv5m-ink-200);
}
body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation a {
	display: flex !important;
	align-items: center;
	gap: 12px;
	padding: 16px 4px !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	color: var(--ucv5m-ink-700) !important;
	text-decoration: none !important;
	transition: color 200ms var(--ucv5m-ease), padding-left 220ms !important;
	border: 0 !important;
	background: transparent !important;
}
body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
	color: var(--ucv5m-brand) !important;
	padding-left: 12px !important;
}
body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
	color: var(--ucv5m-ink-900) !important;
	font-weight: 700 !important;
}
body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation .is-active a::before {
	content: "" !important;
	width: 4px; height: 16px;
	background: var(--ucv5m-brand);
	margin-right: 4px;
}

body.logged-in.woocommerce-account .woocommerce-MyAccount-content {
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	float: none !important;
}
body.logged-in.woocommerce-account .woocommerce-MyAccount-content h2,
body.logged-in.woocommerce-account .woocommerce-MyAccount-content h3 {
	font-family: 'Fraunces', 'Playfair Display', Georgia, serif !important;
	font-weight: 700 !important;
	color: var(--ucv5m-ink-900) !important;
	letter-spacing: -0.025em !important;
}

/* Tables — orders */
body.woocommerce-account .woocommerce-orders-table,
body.woocommerce-account .woocommerce table.shop_table {
	border: 1px solid var(--ucv5m-ink-200) !important;
	border-radius: var(--ucv5m-radius) !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	overflow: hidden !important;
	background: var(--ucv5m-white) !important;
}
body.woocommerce-account .woocommerce-orders-table th,
body.woocommerce-account .woocommerce table.shop_table th {
	background: var(--ucv5m-ink-050) !important;
	color: var(--ucv5m-ink-700) !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	padding: 14px 16px !important;
	border-bottom: 1px solid var(--ucv5m-ink-200) !important;
}
body.woocommerce-account .woocommerce-orders-table td,
body.woocommerce-account .woocommerce table.shop_table td {
	padding: 16px !important;
	border-bottom: 1px solid var(--ucv5m-ink-100) !important;
	color: var(--ucv5m-ink-800) !important;
}

body.woocommerce-account .woocommerce-orders-table__cell-order-status {
	display: inline-flex !important;
	padding: 4px 12px !important;
	border-radius: var(--ucv5m-radius-pill) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	background: var(--ucv5m-ink-100) !important;
	color: var(--ucv5m-ink-700) !important;
}

/* Messages */
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-message,
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error,
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info {
	border-radius: var(--ucv5m-radius) !important;
	border: 1px solid var(--ucv5m-ink-200) !important;
	background: var(--ucv5m-ink-050) !important;
	padding: 16px 20px !important;
	font-size: 14px !important;
	color: var(--ucv5m-ink-700) !important;
	margin-bottom: 24px !important;
	list-style: none !important;
}
body.woocommerce-account .woocommerce-message {
	border-left: 3px solid var(--ucv5m-success) !important;
}
body.woocommerce-account .woocommerce-error {
	border-left: 3px solid var(--ucv5m-brand) !important;
}

/* Addresses */
body.woocommerce-account .woocommerce-Addresses {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 24px !important;
}
@media (min-width: 768px) {
	body.woocommerce-account .woocommerce-Addresses {
		grid-template-columns: 1fr 1fr !important;
	}
}
body.woocommerce-account .woocommerce-Address {
	width: 100% !important;
	padding: 24px !important;
	background: var(--ucv5m-white) !important;
	border: 1px solid var(--ucv5m-ink-200) !important;
	border-radius: var(--ucv5m-radius) !important;
	transition: border-color 220ms !important;
}
body.woocommerce-account .woocommerce-Address:hover {
	border-color: var(--ucv5m-ink-300) !important;
}

/* "Continuar con Google" button — refinar el existente del theme */
body.woocommerce-account .ucn-myaccount-google,
body.woocommerce-account [class*="nsl-button"],
body.woocommerce-account a.nsl-button-google {
	background: var(--ucv5m-white) !important;
	color: var(--ucv5m-ink-900) !important;
	border: 1.5px solid var(--ucv5m-ink-200) !important;
	border-radius: var(--ucv5m-radius-pill) !important;
	min-height: 54px !important;
	padding: 14px 28px !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	transition: border-color 220ms, box-shadow 220ms !important;
	box-shadow: none !important;
}
body.woocommerce-account .ucn-myaccount-google:hover,
body.woocommerce-account [class*="nsl-button"]:hover {
	border-color: var(--ucv5m-ink-900) !important;
	box-shadow: 0 4px 12px rgba(10,10,10,.06) !important;
}

/* Separator "O CON EMAIL" / "O con email" — refinar */
body.woocommerce-account .ucn-divider,
body.woocommerce-account .woocommerce-or {
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	margin: 24px 0 !important;
	color: var(--ucv5m-ink-400) !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
}
body.woocommerce-account .ucn-divider::before,
body.woocommerce-account .ucn-divider::after,
body.woocommerce-account .woocommerce-or::before,
body.woocommerce-account .woocommerce-or::after {
	content: "" !important;
	flex: 1 !important;
	height: 1px !important;
	background: var(--ucv5m-ink-200) !important;
}

/* === Fix overflow horizontal (safety) === */
body.woocommerce-account {
	overflow-x: hidden !important;
	max-width: 100% !important;
}
body.woocommerce-account .hfeed.site,
body.woocommerce-account .site-content,
body.woocommerce-account .ast-container,
body.woocommerce-account .content-area,
body.woocommerce-account .content-area.primary,
body.woocommerce-account #primary,
body.woocommerce-account .entry-content,
body.woocommerce-account .entry-header,
body.woocommerce-account main {
	max-width: 100% !important;
	width: 100% !important;
	overflow-x: hidden !important;
	box-sizing: border-box !important;
}
body.woocommerce-account .ast-container {
	max-width: 1240px !important;
	margin-inline: auto !important;
	padding-inline: clamp(20px, 4vw, 64px) !important;
}
body.woocommerce-account .entry-header::after {
	white-space: normal !important;
	word-wrap: break-word !important;
	max-width: 580px !important;
	display: block !important;
}