/* Mi cuenta clásico: acceso, navegación, pedidos y datos personales. */

.woocommerce-account .entry-content > .woocommerce {
	max-width: 1080px;
	margin-inline: auto;
}

body.logged-in.woocommerce-account .entry-content > .woocommerce {
	display: grid;
	grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
	align-items: start;
	gap: clamp(1.5rem, 4vw, 3rem);
}

.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register,
.woocommerce-account .woocommerce-ResetPassword {
	max-width: 620px;
	margin: 0;
	padding: clamp(1.2rem, 4vw, 2.25rem);
	border: var(--ldb-border-bold) solid var(--ldb-black);
	border-radius: var(--ldb-radius-sm);
	background: #ffffff;
	box-shadow: var(--ldb-shadow-hard);
}

.woocommerce-account .woocommerce-form label {
	color: var(--ldb-black);
	font-size: var(--ldb-text-sm);
	font-weight: 800;
}

.woocommerce-account .woocommerce-form .required {
	color: var(--ldb-error);
}

.woocommerce-account .woocommerce-form .show-password-input {
	color: var(--ldb-black);
}

.woocommerce-account .woocommerce-form-login__rememberme {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin-right: var(--ldb-space-md);
}

.woocommerce-account .lost_password {
	margin-bottom: 0;
}

.woocommerce-account .lost_password a {
	font-weight: 750;
	text-underline-offset: 4px;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
	float: none;
	width: 100%;
	padding: var(--ldb-space-md);
	border: var(--ldb-border-thin) solid var(--ldb-black);
	background: var(--ldb-yellow);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li + li {
	border-top: 1px solid color-mix(in srgb, var(--ldb-black) 32%, transparent);
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
	display: block;
	min-height: 48px;
	padding: 0.8rem;
	color: var(--ldb-black);
	font-weight: 850;
	text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
	background: var(--ldb-black);
	color: var(--ldb-cream);
}

.woocommerce-account .woocommerce-MyAccount-content {
	float: none;
	width: 100%;
	padding: clamp(1rem, 3vw, 2rem);
	border: var(--ldb-border-thin) solid var(--ldb-black);
	background: #ffffff;
}

.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-Address-title h3 {
	font-family: var(--ldb-font-display);
	font-weight: 400;
	text-transform: uppercase;
}

.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .woocommerce-table {
	border: var(--ldb-border-thin) solid var(--ldb-black);
	border-collapse: collapse;
	background: #ffffff;
}

.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-table th {
	background: var(--ldb-yellow);
	font-size: var(--ldb-text-xs);
	font-weight: 900;
	letter-spacing: 0.035em;
	text-transform: uppercase;
}

.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-orders-table td,
.woocommerce-account .woocommerce-table th,
.woocommerce-account .woocommerce-table td {
	padding: 0.85rem;
	border: 1px solid color-mix(in srgb, var(--ldb-black) 34%, transparent);
}

.woocommerce-account .woocommerce-Addresses {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--ldb-space-lg);
}

.woocommerce-account .woocommerce-Address {
	width: auto;
	padding: var(--ldb-space-lg);
	border: var(--ldb-border-thin) solid var(--ldb-black);
	background: var(--ldb-cream);
}

.woocommerce-account .woocommerce-Address-title a {
	font-weight: 800;
	text-underline-offset: 4px;
}

.woocommerce-account .order-again .button {
	background: var(--ldb-yellow);
	color: var(--ldb-black);
}

@media (max-width: 760px) {
	body.logged-in.woocommerce-account .entry-content > .woocommerce {
		grid-template-columns: 1fr;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation,
	.woocommerce-account .woocommerce-MyAccount-content {
		float: none;
		width: 100%;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation {
		margin-bottom: var(--ldb-space-lg);
	}

	.woocommerce-account .woocommerce-MyAccount-navigation ul {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.woocommerce-account .woocommerce-MyAccount-navigation li {
		border: 1px solid color-mix(in srgb, var(--ldb-black) 32%, transparent);
	}

	.woocommerce-account .woocommerce-Addresses {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
	.woocommerce-account .woocommerce-MyAccount-navigation ul {
		grid-template-columns: 1fr;
	}

	.woocommerce-account .woocommerce-form-login,
	.woocommerce-account .woocommerce-form-register,
	.woocommerce-account .woocommerce-ResetPassword {
		box-shadow: 4px 4px 0 var(--ldb-black);
	}
}