.woocommerce-account .wm-main > .wm-container,
.woocommerce-account .woocommerce { max-width: var(--wm-dashboard); }

.woocommerce-account .wm-page-hero { padding-block: clamp(48px, 7vw, 80px); }
.woocommerce-account .wm-page-hero h1 { font-size: clamp(2.7rem, 5vw, 4.5rem); }
.woocommerce-account .wm-main > .wm-section { padding-block: clamp(48px, 7vw, 84px); }

.woocommerce-account .woocommerce {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: var(--wm-space-10);
	margin-inline: auto;
}

.woocommerce-account:not(.logged-in) .woocommerce {
	display: block;
	max-width: 620px;
	margin-inline: auto;
}

.woocommerce-account:not(.logged-in) .woocommerce > h2 {
	margin-block-end: var(--wm-space-6);
	font-size: clamp(2rem, 4vw, 2.8rem);
	text-align: start;
}

.woocommerce-account:not(.logged-in) .woocommerce-form-login {
	max-width: none;
	margin: 0;
	padding: clamp(24px, 5vw, 40px);
	border: 1px solid var(--wm-color-border);
	border-radius: var(--wm-radius-lg);
	background: #fff;
	box-shadow: var(--wm-shadow-md);
}

.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after { display: none; }

.woocommerce-account .woocommerce-MyAccount-navigation {
	float: none;
	width: auto;
	align-self: start;
	position: sticky;
	inset-block-start: calc(var(--wm-header-height) + var(--wm-admin-offset, 0px) + var(--wm-space-6));
	padding: var(--wm-space-4);
	border: 1px solid var(--wm-color-border);
	border-radius: var(--wm-radius-md);
	background: linear-gradient(180deg, #fff, var(--wm-color-bg-soft));
	box-shadow: var(--wm-shadow-sm);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; }
.woocommerce-account .woocommerce-MyAccount-navigation li { margin: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation a { display: flex; min-height: 50px; align-items: center; padding-inline: var(--wm-space-4); border-radius: var(--wm-radius-sm); color: var(--wm-color-text-muted); font-size: var(--wm-font-sm); font-weight: 680; text-decoration: none; }
.woocommerce-account .woocommerce-MyAccount-navigation a:hover { background: #fff; color: var(--wm-color-text); }
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a { background: var(--wm-color-primary); color: #fff; font-weight: 760; box-shadow: 0 8px 18px rgba(99, 91, 255, .18); }

.woocommerce-account .woocommerce-MyAccount-content { float: none; width: auto; min-width: 0; padding: clamp(28px, 4vw, 48px); border: 1px solid var(--wm-color-border); border-radius: var(--wm-radius-lg); background: #fff; box-shadow: var(--wm-shadow-sm); }
.woocommerce-account .woocommerce-MyAccount-content > :first-child { margin-block-start: 0; }
.woocommerce-account .woocommerce-MyAccount-content > p { max-width: 760px; color: var(--wm-color-text-soft); font-size: 1.05rem; }

.wm-account-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wm-space-4); margin-block-start: var(--wm-space-8); }
.wm-account-card { position: relative; display: flex; min-height: 96px; align-items: center; justify-content: flex-start; gap: var(--wm-space-4); padding: var(--wm-space-5); border: 1px solid var(--wm-color-border); border-radius: var(--wm-radius-md); color: var(--wm-color-text); font-weight: 720; text-decoration: none; transition: border-color var(--wm-transition), box-shadow var(--wm-transition), transform var(--wm-transition); }
.wm-account-card:hover { border-color: #c8c3ff; background: var(--wm-color-primary-soft); box-shadow: var(--wm-shadow-sm); color: var(--wm-color-primary-hover); transform: translateY(-2px); }
.wm-account-card__icon { display: grid; width: 42px; height: 42px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: var(--wm-color-bg-soft); }

.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .woocommerce-table--order-downloads,
.woocommerce-account .shop_table.subscription_details,
.woocommerce-account .shop_table.my_account_memberships { margin-block: var(--wm-space-5); }

.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register,
.woocommerce-account .woocommerce-EditAccountForm { max-width: 600px; }

@media (max-width: 900px) {
	.woocommerce-account .woocommerce { grid-template-columns: 1fr; }
	.woocommerce-account .woocommerce-MyAccount-navigation { position: static; overflow-x: auto; padding: var(--wm-space-2); }
	.woocommerce-account .woocommerce-MyAccount-navigation ul { display: flex; min-width: max-content; gap: var(--wm-space-1); }
	.woocommerce-account .woocommerce-MyAccount-navigation a { white-space: nowrap; }
}

@media (max-width: 640px) {
	.woocommerce-account .woocommerce-MyAccount-content { padding: var(--wm-space-4); }
	.wm-account-cards { grid-template-columns: 1fr; }
}
