/**
 * WooCommerce My Account pages.
 */

body.woocommerce-account {
	color: var(--mc-color-text-primary);
	background: var(--mc-color-background);
}

body.woocommerce-account .site-main {
	width: min(100%, var(--mc-container-width));
	padding: var(--mc-space-lg) var(--mc-container-padding-mobile) var(--mc-space-2xl);
	margin-inline: auto;
}

body.woocommerce-account .entry-header,
body.woocommerce-account .entry-content {
	width: 100%;
	max-width: none;
}

body.woocommerce-account .entry-title {
	margin: 0 0 var(--mc-space-md);
	font-size: var(--mc-mobile-font-size-product-title);
	line-height: var(--mc-mobile-line-height-heading);
}

.mc-account {
	display: grid;
	min-width: 0;
	gap: var(--mc-space-md);
}

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

.mc-account__sidebar,
.mc-account__content,
.mc-account-dashboard__welcome,
.mc-order-card,
.mc-order-view__header,
.mc-order-updates,
.mc-address-card,
.mc-account__content form,
.mc-account__content .woocommerce-order-details,
.mc-account__content .woocommerce-customer-details {
	background: var(--mc-color-surface);
	border: 1px solid var(--mc-color-border);
	border-radius: var(--mc-radius-card);
}

.mc-account__sidebar {
	min-width: 0;
	padding: var(--mc-space-sm);
}

.mc-account-user {
	display: flex;
	gap: var(--mc-space-sm);
	align-items: center;
	padding: var(--mc-space-sm);
	border-block-end: 1px solid var(--mc-color-border);
}

.mc-account-user > span:last-child {
	display: grid;
	min-width: 0;
}

.mc-account-user strong,
.mc-account-user small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mc-account-user strong {
	font-size: var(--mc-mobile-font-size-body);
}

.mc-account-user small {
	color: var(--mc-color-text-secondary);
	font-size: var(--mc-mobile-font-size-xs);
}

.mc-account-user__icon,
.mc-account-nav__icon,
.mc-account-quick-links__icon {
	display: inline-grid;
	flex: none;
	place-items: center;
	color: var(--mc-color-primary);
}

.mc-account-user__icon {
	width: 2.5rem;
	height: 2.5rem;
	background: color-mix(in srgb, var(--mc-color-primary) 8%, var(--mc-color-surface));
	border-radius: var(--mc-radius-full);
}

.mc-account-user__icon svg,
.mc-account-nav__icon svg,
.mc-account-quick-links__icon svg {
	width: 1.25rem;
	height: 1.25rem;
}

.woocommerce-MyAccount-navigation {
	max-width: 100%;
	padding-block-start: var(--mc-space-sm);
	overflow-x: auto;
	scrollbar-width: none;
}

.woocommerce-MyAccount-navigation::-webkit-scrollbar {
	display: none;
}

.woocommerce-MyAccount-navigation ul {
	display: flex;
	width: max-content;
	min-width: 100%;
	gap: var(--mc-space-xs);
	padding: 0;
	margin: 0;
	list-style: none;
}

.woocommerce-MyAccount-navigation li {
	flex: 0 0 auto;
}

.woocommerce-MyAccount-navigation a {
	display: inline-flex;
	gap: var(--mc-space-xs);
	align-items: center;
	min-height: 2.75rem;
	padding: var(--mc-space-sm);
	color: var(--mc-color-text-primary);
	font-size: var(--mc-mobile-font-size-sm);
	font-weight: var(--mc-font-weight-semibold);
	text-decoration: none;
	white-space: nowrap;
	border-radius: var(--mc-radius-medium);
}

.woocommerce-MyAccount-navigation .is-active a,
.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation a:focus-visible {
	color: var(--mc-color-primary);
	background: color-mix(in srgb, var(--mc-color-primary) 8%, var(--mc-color-surface));
}

.woocommerce-MyAccount-navigation a:focus-visible,
.mc-account a:focus-visible,
.mc-account input:focus-visible,
.mc-account select:focus-visible,
.mc-account textarea:focus-visible,
.mc-account button:focus-visible {
	outline: 2px solid var(--mc-color-primary);
	outline-offset: 2px;
}

.mc-account__content {
	min-width: 0;
	padding: var(--mc-space-md);
}

.mc-account__content > :first-child,
.mc-account__content section > :first-child,
.mc-account__content form > :first-child {
	margin-block-start: 0;
}

.mc-account__content > :last-child,
.mc-account__content section > :last-child,
.mc-account__content form > :last-child {
	margin-block-end: 0;
}

.mc-account__content h2 {
	font-size: var(--mc-mobile-font-size-section-title);
	line-height: var(--mc-mobile-line-height-heading);
}

.mc-account__content h3,
.mc-account__content legend {
	font-size: var(--mc-mobile-font-size-secondary-heading);
	font-weight: var(--mc-font-weight-bold);
}

.mc-account__content p,
.mc-account__content address,
.mc-account__content td,
.mc-account__content th {
	font-size: var(--mc-mobile-font-size-body);
}

.mc-account-dashboard {
	display: grid;
	gap: var(--mc-space-md);
}

.mc-account-dashboard__welcome {
	padding: var(--mc-space-md);
	background: color-mix(in srgb, var(--mc-color-primary) 5%, var(--mc-color-surface));
}

.mc-account-dashboard__welcome h2,
.mc-account-dashboard__welcome p,
.mc-account-addresses > header h2,
.mc-account-addresses > header p {
	margin: 0;
}

.mc-account-dashboard__welcome p,
.mc-account-addresses > header p {
	margin-block-start: var(--mc-space-xs);
	color: var(--mc-color-text-secondary);
}

.mc-account-quick-links {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--mc-space-sm);
	padding: 0;
	margin: 0;
	list-style: none;
}

.mc-account-quick-links a {
	display: grid;
	min-height: 6rem;
	gap: var(--mc-space-sm);
	padding: var(--mc-space-md);
	color: var(--mc-color-text-primary);
	place-items: center;
	text-align: center;
	text-decoration: none;
	background: var(--mc-color-surface);
	border: 1px solid var(--mc-color-border);
	border-radius: var(--mc-radius-card);
	transition: border-color 160ms ease, transform 160ms ease;
}

.mc-account-quick-links a:hover {
	border-color: var(--mc-color-primary);
	transform: translateY(-2px);
}

.mc-account-quick-links__icon svg {
	width: 1.75rem;
	height: 1.75rem;
}

.mc-account-orders > h2,
.mc-account-addresses > header {
	margin-block-end: var(--mc-space-md);
}

.mc-order-list,
.mc-address-grid {
	display: grid;
	gap: var(--mc-space-md);
}

.mc-order-card,
.mc-address-card,
.mc-order-view__header,
.mc-order-updates {
	padding: var(--mc-space-md);
}

.mc-order-card > header,
.mc-address-card > header,
.mc-order-view__header {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mc-space-sm);
	align-items: center;
	justify-content: space-between;
}

.mc-order-card h3,
.mc-address-card h3,
.mc-order-view h2 {
	margin: 0;
}

.mc-order-card h3 a {
	color: var(--mc-color-text-primary);
	text-decoration: none;
}

.mc-order-status {
	display: inline-flex;
	align-items: center;
	min-height: 1.75rem;
	padding-inline: var(--mc-space-sm);
	color: var(--mc-color-text-secondary);
	font-size: var(--mc-mobile-font-size-xs);
	font-weight: var(--mc-font-weight-semibold);
	background: var(--mc-color-background);
	border-radius: var(--mc-radius-full);
}

.mc-order-status--processing,
.mc-order-status--completed {
	color: var(--mc-color-success);
	background: color-mix(in srgb, var(--mc-color-success) 10%, var(--mc-color-surface));
}

.mc-order-status--pending,
.mc-order-status--on-hold {
	color: var(--mc-color-warning);
	background: color-mix(in srgb, var(--mc-color-warning) 10%, var(--mc-color-surface));
}

.mc-order-status--cancelled,
.mc-order-status--failed,
.mc-order-status--refunded {
	color: var(--mc-color-danger);
	background: color-mix(in srgb, var(--mc-color-danger) 9%, var(--mc-color-surface));
}

.mc-order-card dl {
	display: grid;
	gap: var(--mc-space-sm);
	margin: var(--mc-space-md) 0 0;
}

.mc-order-card dl > div {
	display: flex;
	gap: var(--mc-space-md);
	justify-content: space-between;
}

.mc-order-card dt,
.mc-order-card dd {
	margin: 0;
}

.mc-order-card dt {
	color: var(--mc-color-text-secondary);
	font-size: var(--mc-mobile-font-size-sm);
}

.mc-order-card dd {
	font-size: var(--mc-mobile-font-size-body);
	font-weight: var(--mc-font-weight-semibold);
	text-align: end;
}

.mc-order-card__actions,
.mc-order-view__actions,
.woocommerce-Pagination {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mc-space-sm);
	margin-block-start: var(--mc-space-md);
}

.mc-order-view {
	display: grid;
	gap: var(--mc-space-md);
}

.mc-order-view__header time,
.mc-order-updates time {
	color: var(--mc-color-text-secondary);
	font-size: var(--mc-mobile-font-size-xs);
}

.mc-order-updates ol {
	display: grid;
	gap: var(--mc-space-sm);
	padding: 0;
	margin: var(--mc-space-sm) 0 0;
	list-style: none;
}

.mc-order-updates li {
	padding-inline-start: var(--mc-space-sm);
	border-inline-start: 2px solid var(--mc-color-primary);
}

.mc-account-empty,
.mc-address-card__empty {
	display: grid;
	justify-items: center;
	gap: var(--mc-space-sm);
	text-align: center;
}

.mc-account-empty {
	padding-block: var(--mc-space-xl);
}

.mc-account-empty svg,
.mc-address-card__empty svg {
	width: 3rem;
	color: var(--mc-color-primary);
}

.mc-account-empty h2,
.mc-account-empty p,
.mc-address-card__empty p {
	margin: 0;
}

.mc-address-card address {
	margin-block-start: var(--mc-space-md);
	font-style: normal;
	line-height: var(--mc-line-height-relaxed);
}

.mc-address-card__empty {
	padding-block: var(--mc-space-lg);
	color: var(--mc-color-text-secondary);
}

.mc-account__content form {
	display: flow-root;
	padding: var(--mc-space-md);
}

body.woocommerce-account .mc-account__content .form-row {
	float: none;
	width: 100%;
	margin: 0 0 var(--mc-space-md);
}

.mc-account__content label {
	display: block;
	margin-block-end: var(--mc-space-xs);
	font-size: var(--mc-mobile-font-size-sm);
	font-weight: var(--mc-font-weight-semibold);
}

.mc-account__content input.input-text,
.mc-account__content input[type="password"],
.mc-account__content input[type="email"],
.mc-account__content textarea,
.mc-account__content select,
.mc-account__content .select2-container .select2-selection--single {
	box-sizing: border-box;
	width: 100%;
	min-height: 2.75rem;
	padding: var(--mc-space-sm) var(--mc-space-md);
	color: var(--mc-color-text-primary);
	font: inherit;
	font-size: var(--mc-mobile-font-size-body);
	background: var(--mc-color-surface);
	border: 1px solid var(--mc-color-border);
	border-radius: var(--mc-radius-medium);
}

.mc-account__content input:focus,
.mc-account__content textarea:focus,
.mc-account__content select:focus,
.mc-account__content .select2-container--focus .select2-selection {
	outline: 0;
	border-color: var(--mc-color-primary);
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--mc-color-primary) 18%, transparent);
}

.mc-account__content fieldset {
	padding: var(--mc-space-md);
	margin: var(--mc-space-lg) 0;
	border: 1px solid var(--mc-color-border);
	border-radius: var(--mc-radius-medium);
}

.mc-account__content legend {
	padding-inline: var(--mc-space-sm);
}

.mc-account__content em,
.mc-account__content #account_display_name_description {
	color: var(--mc-color-text-secondary);
	font-size: var(--mc-mobile-font-size-xs);
}

.mc-account__content .woocommerce-order-details,
.mc-account__content .woocommerce-customer-details {
	padding: var(--mc-space-md);
	overflow: hidden;
}

.mc-account__content table.shop_table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	table-layout: fixed;
}

.mc-account__content table.shop_table th,
.mc-account__content table.shop_table td {
	padding: var(--mc-space-sm);
	text-align: start;
	border-block-end: 1px solid var(--mc-color-border);
	overflow-wrap: break-word;
}

.mc-account__content table.shop_table th:last-child,
.mc-account__content table.shop_table td:last-child {
	width: 38%;
	text-align: end;
}

.mc-account__content .woocommerce-columns {
	display: grid;
	gap: var(--mc-space-md);
}

.mc-account__content .woocommerce-column {
	float: none;
	width: 100%;
	padding: var(--mc-space-md);
	background: var(--mc-color-surface);
	border: 1px solid var(--mc-color-border);
	border-radius: var(--mc-radius-card);
}

.mc-account__content .woo-wallet-my-wallet-container {
	display: grid;
	gap: var(--mc-space-md);
	font-family: inherit;
}

.mc-account__content .woo-wallet-header h2,
.mc-account__content .woo-wallet-header p,
.mc-account__content .woo-wallet-balance-card h3,
.mc-account__content .woo-wallet-balance-card p {
	margin: 0;
}

.mc-account__content .woo-wallet-header p {
	color: var(--mc-color-text-secondary);
}

.mc-account__content .woo-wallet-balance-card {
	padding: var(--mc-space-lg);
	color: var(--mc-color-button-text);
	background: var(--mc-color-primary);
	border-radius: var(--mc-radius-card);
}

.mc-account__content .woo-wallet-price {
	font-size: var(--mc-font-size-xl);
	font-weight: var(--mc-font-weight-bold);
}

.mc-account__content .woo-wallet-nav-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mc-space-sm);
}

.mc-account__content .woo-wallet-nav-tab,
.mc-account__content .woo-wallet-submenu-item {
	color: var(--mc-color-primary);
	border-color: var(--mc-color-border);
}

.mc-account__content .woo-wallet-nav-tab.active,
.mc-account__content .woo-wallet-nav-tab:hover {
	color: var(--mc-color-button-text);
	background: var(--mc-color-primary);
}

.mc-account__content .woo-wallet-content-area,
.mc-account__content .woo-wallet-transactions-list,
.mc-account__content .woo-wallet-stat-card {
	max-width: 100%;
	border-radius: var(--mc-radius-medium);
}

.mc-account__content .ww-txn-table {
	max-width: 100%;
	overflow-x: auto;
}

.mc-account__content .ww-txn-empty {
	padding: var(--mc-space-lg);
	color: var(--mc-color-text-secondary);
	text-align: center;
	background: var(--mc-color-background);
	border-radius: var(--mc-radius-medium);
}

body.woocommerce-account .woocommerce-form-login,
body.woocommerce-account .woocommerce-form-register,
body.woocommerce-account .lost_reset_password {
	width: min(100%, 34rem);
	padding: var(--mc-space-md);
	margin-inline: auto;
	background: var(--mc-color-surface);
	border: 1px solid var(--mc-color-border);
	border-radius: var(--mc-radius-card);
}

body.woocommerce-account .woocommerce-form-login .form-row,
body.woocommerce-account .woocommerce-form-register .form-row,
body.woocommerce-account .lost_reset_password .form-row {
	float: none;
	width: 100%;
}

body.woocommerce-account .woocommerce-form-login input.input-text,
body.woocommerce-account .woocommerce-form-register input.input-text,
body.woocommerce-account .lost_reset_password input.input-text {
	box-sizing: border-box;
	width: 100%;
	min-height: 2.75rem;
	padding: var(--mc-space-sm) var(--mc-space-md);
	font: inherit;
	border: 1px solid var(--mc-color-border);
	border-radius: var(--mc-radius-medium);
}

@media (min-width: 48rem) {
	body.woocommerce-account .site-main {
		padding-inline: var(--mc-container-padding-desktop);
	}

	body.woocommerce-account .entry-title {
		font-size: var(--mc-font-size-xl);
	}

	.mc-account {
		grid-template-columns: minmax(16rem, 18rem) minmax(0, 1fr);
		gap: var(--mc-space-lg);
		align-items: start;
	}

	.mc-account__sidebar {
		position: sticky;
		inset-block-start: var(--mc-space-md);
	}

	.woocommerce-MyAccount-navigation {
		overflow: visible;
	}

	.woocommerce-MyAccount-navigation ul {
		display: grid;
		width: 100%;
	}

	.woocommerce-MyAccount-navigation li,
	.woocommerce-MyAccount-navigation a {
		width: 100%;
	}

	.woocommerce-MyAccount-navigation a {
		padding-inline: var(--mc-space-md);
		font-size: var(--mc-font-size-sm);
	}

	.mc-account__content {
		padding: var(--mc-space-lg);
	}

	.mc-account__content h2 {
		font-size: var(--mc-font-size-lg);
	}

	.mc-account__content h3,
	.mc-account__content legend {
		font-size: var(--mc-font-size-md);
	}

	.mc-account-quick-links {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.mc-order-list,
	.mc-address-grid,
	.mc-account__content .woocommerce-columns {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.woocommerce-account .mc-account__content .form-row-first,
	body.woocommerce-account .mc-account__content .form-row-last {
		width: calc(50% - (var(--mc-space-md) / 2));
	}

	body.woocommerce-account .mc-account__content .form-row-first {
		float: right;
	}

	body.woocommerce-account .mc-account__content .form-row-last {
		float: left;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mc-account-quick-links a {
		transition: none;
	}
}