/**
 * My Account page — styles the classic [woocommerce_my_account] shortcode
 * output (dashboard, navigation, orders, addresses, login/register forms).
 * No account business logic is touched; visual only.
 */

.woocommerce-account .u3ds-my-account {
	display: block;
}

.woocommerce-MyAccount-navigation {
	background-color: var(--wp--preset--color--bg-secondary);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--surface);
	padding: var(--wp--preset--spacing--m);
	margin-bottom: var(--wp--preset--spacing--l);
}

.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--xs);
}

.woocommerce-MyAccount-navigation-link a {
	display: inline-block;
	padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--m);
	border-radius: var(--wp--custom--radius--button);
	color: var(--wp--preset--color--text-secondary);
	text-decoration: none;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
}

.woocommerce-MyAccount-navigation-link a:hover {
	color: var(--wp--preset--color--text-primary);
}

.woocommerce-MyAccount-navigation-link--is-active a {
	background-color: var(--wp--preset--color--surface-elevated);
	color: var(--wp--preset--color--text-primary);
}

.woocommerce-MyAccount-content {
	color: var(--wp--preset--color--text-secondary);
	line-height: 1.7;
}

.woocommerce-MyAccount-content a {
	color: var(--wp--preset--color--accent);
}

.woocommerce-MyAccount-content mark {
	background: none;
	color: var(--wp--preset--color--text-primary);
	font-weight: 700;
}

.woocommerce-orders-table,
.woocommerce-table--order-details {
	border-color: var(--wp--preset--color--border);
}

.woocommerce-orders-table th,
.woocommerce-orders-table td {
	color: var(--wp--preset--color--text-primary);
	border-color: var(--wp--preset--color--border);
}

.woocommerce-order-details__status,
.order-status {
	color: var(--wp--preset--color--text-primary);
}

/* Login / register (shown when logged out). */
.woocommerce-form-login,
.woocommerce-form-register {
	background-color: var(--wp--preset--color--bg-secondary);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--surface);
	padding: var(--wp--preset--spacing--l);
	max-width: 480px;
}

.woocommerce-form-login-toggle,
.woocommerce-form-register-toggle {
	color: var(--wp--preset--color--text-secondary);
}

.woocommerce-form-login .form-row label,
.woocommerce-form-register .form-row label {
	color: var(--wp--preset--color--text-secondary);
}

.woocommerce-Addresses .u-column1,
.woocommerce-Addresses .u-column2,
.woocommerce-address-fields {
	background-color: var(--wp--preset--color--bg-secondary);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--surface);
	padding: var(--wp--preset--spacing--l);
}

.woocommerce-Address-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: var(--wp--preset--spacing--m);
}

.woocommerce-Address-title a {
	color: var(--wp--preset--color--accent);
	font-size: var(--wp--preset--font-size--small);
}

@media (max-width: 781px) {
	.woocommerce-Addresses.col2-set {
		display: flex;
		flex-direction: column;
		gap: var(--wp--preset--spacing--l);
	}

	.woocommerce-form-login,
	.woocommerce-form-register {
		max-width: none;
	}
}