/* Mi cuenta (MOCKUP-5) */

.account-layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-5);
	padding-block: var(--space-5);
}
@media (min-width: 1024px) {
	.account-layout { grid-template-columns: 260px 1fr; }
}

/* Clases reales que renderiza WooCommerce (myaccount/navigation.php nativo,
   no lo sobrescribimos) */
.account-nav { padding: var(--space-3); align-self: start; }
.account-nav ul { display: flex; flex-direction: column; gap: 2px; }
.woocommerce-MyAccount-navigation-link a {
	display: block;
	padding: var(--space-3);
	border-radius: var(--radius-sm);
	font-size: 0.9rem;
}
.woocommerce-MyAccount-navigation-link--dashboard.is-active a,
.woocommerce-MyAccount-navigation-link a:hover,
.woocommerce-MyAccount-navigation-link.is-active a {
	background: rgba(255, 212, 0, 0.08);
	color: var(--color-accent);
}

.account-cards {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-4);
	margin-top: var(--space-5);
}
@media (min-width: 640px) {
	.account-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
	.account-cards { grid-template-columns: repeat(3, 1fr); }
}
.account-card {
	padding: var(--space-5);
	display: block;
}
.account-card__title { color: var(--color-accent); margin: 0 0 var(--space-1); }
.account-card__desc { font-size: 0.85rem; color: var(--color-text-muted); margin: 0; }

/* Login / registro */
.auth-layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-5);
	max-width: 900px;
	margin-inline: auto;
	padding-block: var(--space-6);
}
@media (min-width: 768px) {
	.auth-layout { grid-template-columns: repeat(2, 1fr); }
}
.auth-panel { padding: var(--space-5); }
.auth-panel__title { margin-top: 0; }