/**
 * WooCommerce account and authentication page.
 */

.myc-account-page {
	width: min(100%, var(--ps-content-discovery));
	margin: 0 auto;
	padding: var(--ps-space-7) max(var(--ps-space-5), env(safe-area-inset-right)) var(--ps-space-8) max(var(--ps-space-5), env(safe-area-inset-left));
}

.myc-account-page--dashboard {
	overflow-x: clip;
	width: 100%;
	padding: 0 0 var(--ps-space-8);
}

.myc-account-auth-body,
.myc-account-auth-shell {
	min-height: 100vh;
	min-height: 100dvh;
	background: var(--ps-color-page);
}

.myc-account-auth-body .myc-account-page {
	display: grid;
	min-height: 100vh;
	min-height: 100dvh;
	place-items: center;
	width: 100%;
	padding: clamp(32px, 7vw, 72px) var(--ps-page-gutter-mobile);
}

.myc-account-auth-card {
	width: 100%;
	box-sizing: border-box;
	padding: clamp(28px, 5vw, 48px);
	border: 1px solid var(--ps-color-border);
	border-radius: var(--ps-radius-lg);
	background: var(--ps-color-surface);
	box-shadow: 0 24px 60px rgb(23 19 21 / 10%);
}

.myc-account-auth {
	width: min(100%, 480px);
}

.myc-account-auth--registration {
	width: min(100%, 980px);
}

.myc-account-brand {
	display: block;
	width: fit-content;
	max-width: 100%;
	margin: 0 auto var(--ps-space-6);
	color: var(--ps-color-ink);
	font-size: 20px;
	font-weight: 900;
	letter-spacing: .08em;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}

.myc-account-brand-image {
	display: block;
	width: min(var(--myc-account-logo-width), 100%);
	height: auto;
}

.myc-account-auth-copy {
	margin-bottom: var(--ps-space-6);
	text-align: center;
}

.myc-account-auth-copy .myc-kicker,
.myc-account-dashboard-head .myc-kicker {
	display: block;
	margin-bottom: var(--ps-space-2);
	color: var(--ps-color-brand-600);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .12em;
}

.myc-account-auth-copy h1,
.myc-account-dashboard-head h1 {
	margin: 0;
	color: var(--ps-color-ink-strong);
	font-size: clamp(30px, 4vw, 40px);
	letter-spacing: -.04em;
	line-height: 1.05;
}

.myc-account-auth-copy p {
	max-width: 360px;
	margin: var(--ps-space-3) auto 0;
	color: var(--ps-color-text-muted);
	font-size: 15px;
	line-height: 1.6;
}

.myc-account-auth-form .woocommerce > h2 {
	display: none;
}

.myc-account-auth-form .woocommerce form,
.myc-account-dashboard-content .woocommerce-MyAccount-content {
	margin: 0;
}

.myc-account-auth-form .woocommerce form.woocommerce-form-login,
.myc-account-auth-form .woocommerce form.woocommerce-form-register,
.myc-account-auth-form .woocommerce form.woocommerce-ResetPassword {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.myc-account-auth-form .woocommerce form .form-row {
	float: none;
	clear: both;
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 var(--ps-space-4);
}

.myc-account-auth-form .woocommerce-ResetPassword,
.myc-account-auth-form .woocommerce-ResetPassword > p {
	width: 100%;
	box-sizing: border-box;
}

.myc-account-auth-form .woocommerce-ResetPassword > p:not(.form-row) {
	margin: 0 0 var(--ps-space-5);
	color: var(--ps-color-text-muted);
	font-size: 15px;
	line-height: 1.6;
}

.myc-account-auth-form .woocommerce-form-row label {
	display: block;
	margin-bottom: var(--ps-space-2);
	color: var(--ps-color-text);
	font-size: 14px;
	font-weight: 750;
}

.myc-account-auth-form .woocommerce-form-row .required {
	color: var(--ps-color-danger);
}

.myc-account-auth-form .woocommerce form :is(input[type="text"], input[type="email"], input[type="password"]) {
	width: 100%;
	box-sizing: border-box;
	min-height: 50px;
	padding: 0 var(--ps-space-3);
	border: 1px solid var(--ps-color-border);
	border-radius: var(--ps-radius-md);
	background: var(--ps-color-surface);
	box-shadow: none;
	color: var(--ps-color-text);
	font: inherit;
	transition: border-color var(--ps-transition-fast), box-shadow var(--ps-transition-fast);
}

.myc-account-auth-form .woocommerce form :is(input[type="text"], input[type="email"], input[type="password"]):hover {
	border-color: var(--ps-color-brand-500);
}

.myc-account-auth-form .woocommerce form :is(input[type="text"], input[type="email"], input[type="password"]):focus {
	border-color: var(--ps-color-brand-600);
	box-shadow: none;
	outline: none;
}

.myc-account-auth-form .woocommerce form .woocommerce-form-login__rememberme {
	display: inline-flex;
	align-items: center;
	min-height: 18px;
	gap: var(--ps-space-2);
	margin: var(--ps-space-3) 0 var(--ps-space-2);
	color: var(--ps-color-text-muted);
	font-size: 14px;
	line-height: 1;
}

.myc-account-auth-form .woocommerce form .woocommerce-form-login__rememberme input {
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
	align-self: center;
	display: block;
	margin: 0;
	accent-color: var(--ps-color-brand-600);
}

.myc-account-auth-form .woocommerce form .woocommerce-form-login__rememberme > span {
	line-height: 18px;
}

.myc-account-auth-form .woocommerce form :is(.woocommerce-button, button[type="submit"]) {
	width: 100%;
	min-height: 50px;
	margin: var(--ps-space-5) 0 var(--ps-space-4);
	border: 1px solid var(--ps-color-brand-600);
	border-radius: var(--ps-radius-md);
	background: var(--ps-color-brand-600);
	box-shadow: none;
	color: #fff;
	font: inherit;
	font-weight: 800;
	transition: background-color var(--ps-transition-fast), border-color var(--ps-transition-fast), transform var(--ps-transition-fast);
}

.myc-account-auth-form .woocommerce form :is(.woocommerce-button, button[type="submit"]):hover {
	border-color: var(--ps-color-brand-700);
	background: var(--ps-color-brand-700);
}

.myc-account-auth-form .woocommerce form :is(.woocommerce-button, button[type="submit"]):active {
	transform: translateY(1px);
}

.myc-account-auth-form .woocommerce form.woocommerce-form-login .woocommerce-form-login__submit {
	margin: var(--ps-space-5) 0 0;
}

.myc-account-auth-form .woocommerce form.woocommerce-form-register .woocommerce-form-register__submit,
.myc-account-auth-form .woocommerce form.woocommerce-ResetPassword :is(.woocommerce-button, button[type="submit"]) {
	margin: var(--ps-space-5) 0 0;
}

.myc-account-auth-form .woocommerce .woocommerce-privacy-policy-text {
	margin: var(--ps-space-5) 0 0;
}

.myc-account-auth-form .woocommerce .woocommerce-privacy-policy-text p {
	margin: 0;
	font-size: 14px;
	line-height: 1.55;
}

.myc-account-auth-form .woocommerce form .myc-account-register-row {
	margin: var(--ps-space-3) 0 var(--ps-space-4);
}

.myc-account-auth-form .woocommerce form .myc-account-register-row .myc-account-register-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	border-color: #332c2f;
	background: #332c2f;
	color: #fff;
	text-decoration: none;
}

.myc-account-auth-form .woocommerce form .myc-account-register-row .myc-account-register-link:hover,
.myc-account-auth-form .woocommerce form .myc-account-register-row .myc-account-register-link:focus-visible {
	border-color: #211d1f;
	background: #211d1f;
	color: #fff;
}

.myc-account-auth-form .woocommerce-LostPassword {
	margin: 0;
	text-align: center;
}

.myc-account-auth-form .woocommerce-LostPassword a,
.myc-account-back-link {
	color: var(--ps-color-brand-700);
	font-size: 14px;
	font-weight: 750;
	text-decoration: none;
}

.myc-account-auth-form .woocommerce-LostPassword a:hover,
.myc-account-auth-form .woocommerce-LostPassword a:focus-visible,
.myc-account-back-link:hover,
.myc-account-back-link:focus-visible {
	color: var(--ps-color-brand-600);
	text-decoration: underline;
}

.myc-account-back-link {
	display: block;
	width: fit-content;
	margin: var(--ps-space-6) auto 0;
	color: var(--ps-color-text-muted);
}

.myc-account-auth-form :is(.woocommerce-error, .woocommerce-info, .woocommerce-message) {
	margin: 0 0 var(--ps-space-4);
	border: 1px solid var(--ps-color-border);
	border-radius: var(--ps-radius-md);
	background: var(--ps-color-surface-subtle);
	box-shadow: none;
	color: var(--ps-color-text);
	font-size: 14px;
}

.myc-account-dashboard {
	width: min(var(--ps-content-discovery), calc(100vw - (2 * var(--ps-space-5))));
	margin: 0 auto;
}

.myc-account-dashboard-head {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--ps-space-4);
	width: 100vw;
	margin: 0 calc(50% - 50vw) var(--ps-space-6);
	padding: clamp(32px, 5vw, 58px) max(var(--ps-space-5), var(--myc-full-width-padding, 56px), calc((100vw - var(--ps-content-discovery)) / 2));
	border-bottom: 1px solid var(--ps-color-border);
	/* Background/texture shared with every page-heading band (shop, search,
	   category, account) — defined once in base.css so changing it changes
	   all four. */
}

.myc-account-dashboard-heading {
	min-width: 0;
}

.myc-account-dashboard-logout {
	display: none;
	flex: 0 0 auto;
	align-items: center;
	gap: var(--ps-space-2);
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: var(--ps-color-brand-700);
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}

.myc-account-dashboard-logout svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentcolor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

@media (hover: hover) and (pointer: fine) {
	.myc-account-dashboard-logout:hover {
		background: transparent;
		box-shadow: none;
		color: var(--ps-color-brand-600);
	}
}

.myc-app-body .myc-account-dashboard-logout:focus-visible {
	outline: 2px solid var(--ps-color-text-muted);
	outline-offset: 3px;
	box-shadow: none;
}

.myc-account-dashboard-content .woocommerce {
	display: grid;
	grid-template-columns: minmax(220px, 252px) minmax(0, 1fr);
	align-items: start;
	gap: clamp(var(--ps-space-5), 4vw, var(--ps-space-8));
}

.myc-account-dashboard-content .woocommerce > .woocommerce-MyAccount-navigation {
	grid-column: 1;
	grid-row: 1;
	float: none;
	width: 100%;
	min-width: 0;
	position: sticky;
	top: var(--myc-sticky-top);
	padding: var(--ps-space-3);
	border: 1px solid var(--ps-color-border);
	border-radius: var(--ps-radius-lg);
	background: var(--ps-color-surface);
	box-shadow: 0 12px 30px rgb(23 19 21 / 5%);
}

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

.myc-account-dashboard-content .woocommerce-MyAccount-navigation li + li {
	margin-top: 4px;
}

.myc-account-dashboard-content .woocommerce-MyAccount-navigation a {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 46px;
	padding: 10px var(--ps-space-3);
	border-radius: var(--ps-radius-sm);
	color: var(--ps-color-text);
	font-size: 14px;
	font-weight: 700;
	gap: 10px;
	text-decoration: none;
	transition: background-color var(--ps-transition-fast), box-shadow var(--ps-transition-base), color var(--ps-transition-fast), transform var(--ps-transition-fast);
}

.myc-account-navigation-icon {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
}

.myc-account-navigation-icon svg {
	display: block;
	width: 100%;
	height: 100%;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.myc-account-navigation-label {
	min-width: 0;
}

.myc-account-dashboard-content .woocommerce-MyAccount-navigation :is(.is-active a, a:hover, a:focus-visible) {
	background: var(--ps-color-brand-50);
	color: var(--ps-color-brand-700);
}

.myc-account-dashboard-content .woocommerce-MyAccount-navigation :is(a:hover, a:focus-visible) {
	transform: translateX(2px);
}

.myc-account-dashboard-content .woocommerce-MyAccount-navigation .is-active a::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 3px;
	border-radius: var(--ps-radius-sm) 0 0 var(--ps-radius-sm);
	background: var(--ps-color-brand-600);
	content: '';
}

.myc-account-dashboard-content .woocommerce > .woocommerce-MyAccount-content {
	grid-column: 2;
	grid-row: 1;
	float: none;
	width: 100%;
	min-width: 0;
	padding: clamp(28px, 5vw, 52px);
	border: 1px solid var(--ps-color-border);
	border-radius: var(--ps-radius-lg);
	background: var(--ps-color-surface);
	box-shadow: 0 18px 44px rgb(23 19 21 / 6%);
}

/*
 * Only when the notice is all there is. This centres the empty state in the
 * card, which was its whole purpose — but WooCommerce 11's verification notice
 * shows up alongside a full order table, and a flex row put the two side by
 * side with the table squeezed into half the card.
 */
.myc-account-dashboard-content .woocommerce > .woocommerce-MyAccount-content:has(> .woocommerce-info .wc-forward):not(:has(table)) {
	display: flex;
	align-items: center;
	padding-block: var(--ps-space-5);
}

/* Sitting above a table it is a banner, and wants room beneath it. */
.myc-account-dashboard-content .woocommerce > .woocommerce-MyAccount-content:has(table) > .woocommerce-info:has(.wc-forward) {
	margin-bottom: var(--ps-space-5);
}

.myc-account-dashboard--order-detail .myc-account-dashboard-content .woocommerce > .woocommerce-MyAccount-content {
	/* The order-status chips align with the top of the account content. */
	padding-top: 0;
	padding-right: 0;
	padding-bottom: var(--ps-space-5);
	padding-left: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.myc-account-dashboard-content .woocommerce-MyAccount-content:has(> .woocommerce-info .wc-forward) > .woocommerce-info {
	width: 100%;
}

.myc-account-dashboard-content .woocommerce-MyAccount-content > :first-child {
	margin-top: 0;
}

.myc-account-dashboard-content .woocommerce-MyAccount-content > p {
	max-width: 760px;
	color: var(--ps-color-text-muted);
	font-size: 16px;
	line-height: 1.7;
}

.myc-account-dashboard-content .woocommerce-MyAccount-content > p a {
	color: var(--ps-color-brand-700);
	font-weight: 750;
}

.myc-account-welcome {
	margin-top: 0;
}

.myc-account-welcome-head {
	margin-bottom: var(--ps-space-6);
}

.myc-account-welcome-greeting,
.myc-account-welcome-description {
	margin: 0;
}

.myc-account-welcome-greeting {
	color: var(--ps-color-text);
	font-size: 18px;
	line-height: 1.5;
}

.myc-account-welcome-description {
	max-width: 760px;
	color: var(--ps-color-text-muted);
	font-size: 16px;
	line-height: 1.7;
}

.myc-account-welcome-description a {
	color: var(--ps-color-brand-700);
	font-weight: 750;
}

.myc-account-dashboard-content .woocommerce-MyAccount-content h2 {
	margin: 0 0 var(--ps-space-4);
	color: var(--ps-color-ink-strong);
	font-size: clamp(24px, 3vw, 30px);
	letter-spacing: -.03em;
	line-height: 1.15;
}

.myc-account-dashboard-content .woocommerce :is(.woocommerce-info, .woocommerce-message, .woocommerce-error) {
	margin: 0;
	padding: var(--ps-space-4);
	border: 1px solid var(--ps-color-border);
	border-radius: var(--ps-radius-md);
	background: var(--ps-color-surface-subtle);
	box-shadow: none;
	color: var(--ps-color-text);
	line-height: 1.6;
}

/*
 * Layout only. This used to blank the notice with font-size: 0 and print
 * «Todavía no tienes pedidos.» back through a ::before, which worked while the
 * empty-orders notice was the only one here carrying a .wc-forward link.
 * WooCommerce 11 added the email verification notice, which carries one too,
 * and it arrived wearing the same borrowed sentence beside a button about
 * something else. The wording is a translation now — see
 * zapantojos_catalog_override_account_labels().
 */
.myc-account-dashboard-content .woocommerce-MyAccount-content .woocommerce-info:has(.wc-forward) {
	display: flex;
	align-items: center;
	justify-content: normal;
	gap: var(--ps-space-4);
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--ps-color-text);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
}

/* WooCommerce prints an icon glyph here. The old rule hid it by overwriting
   ::before wholesale; now that it does not, the glyph has to go on its own. */
.myc-account-dashboard-content .woocommerce-MyAccount-content .woocommerce-info:has(.wc-forward)::before {
	display: none;
}

/*
 * `order` rather than DOM order, because WooCommerce writes the two notices
 * back to front: the empty-orders one puts its text first and its button
 * second, the email verification one puts the button first. The sentence is an
 * anonymous flex item and cannot be ordered, so moving the button past it is
 * what puts both the same way round.
 */
.myc-account-dashboard-content .woocommerce-MyAccount-content .woocommerce-info:has(.wc-forward) .wc-forward {
	float: none;
	order: 2;
	flex: 0 0 auto;
	margin: 0 0 0 auto;
	border-radius: var(--ps-radius-sm);
	font-size: 14px;
	pointer-events: auto;
}


.myc-account-dashboard-content .woocommerce .woocommerce-error {
	border-color: rgb(195 50 50 / 35%);
	background: rgb(195 50 50 / 5%);
}

.myc-account-dashboard-content .woocommerce :is(.button, button[type="submit"]) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 var(--ps-space-4);
	border: 1px solid var(--ps-color-brand-600);
	border-radius: var(--ps-radius-md);
	background: var(--ps-color-brand-600);
	box-shadow: none;
	color: #fff;
	font: inherit;
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
	transition: background-color var(--ps-transition-fast), border-color var(--ps-transition-fast), transform var(--ps-transition-fast);
}

.myc-account-dashboard-content .woocommerce :is(.button, button[type="submit"]):hover {
	border-color: var(--ps-color-brand-700);
	background: var(--ps-color-brand-700);
	color: #fff;
}

.myc-account-dashboard-content .woocommerce :is(.button, button[type="submit"]):active {
	transform: translateY(1px);
}

.myc-account-dashboard-content .woocommerce :is(.button, button[type="submit"]):focus-visible {
	outline: 3px solid rgb(28 53 87 / 35%);
	outline-offset: 3px;
}

.myc-account-dashboard-content .woocommerce :is(.woocommerce-EditAccountForm, .woocommerce-address-fields) {
	width: 100%;
	max-width: 1100px;
}

.myc-account-dashboard-content .woocommerce-EditAccountForm .form-row:has(#account_display_name) {
	display: none;
}

.myc-account-dashboard-content .woocommerce form .form-row {
	float: none;
	clear: none;
	width: 100%;
	margin: 0 0 var(--ps-space-4);
	padding: 0;
}

.myc-account-dashboard-content .woocommerce :is(.woocommerce-address-fields__field-wrapper, .woocommerce-EditAccountForm) {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: var(--ps-space-4);
}

.myc-account-dashboard-content .woocommerce .woocommerce-EditAccountForm > :is(.form-row-wide, fieldset, p:not(.form-row), .clear),
.myc-account-dashboard-content .woocommerce .woocommerce-address-fields__field-wrapper .form-row-wide {
	grid-column: 1 / -1;
}

.myc-account-dashboard-content .woocommerce .woocommerce-EditAccountForm > .clear {
	display: none;
}

.myc-account-dashboard-content .woocommerce form label {
	display: block;
	margin-bottom: var(--ps-space-2);
	color: var(--ps-color-text);
	font-size: 14px;
	font-weight: 750;
}

.myc-account-dashboard-content .woocommerce form :is(input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select, textarea) {
	box-sizing: border-box;
	width: 100%;
	min-height: 50px;
	padding: 0 var(--ps-space-3);
	border: 1px solid var(--ps-color-border);
	border-radius: var(--ps-radius-md);
	background: var(--ps-color-surface);
	box-shadow: none;
	color: var(--ps-color-text);
	font: inherit;
	transition: border-color var(--ps-transition-fast), background-color var(--ps-transition-fast);
}

.myc-account-dashboard-content .woocommerce form textarea {
	min-height: 120px;
	padding-top: var(--ps-space-3);
	padding-bottom: var(--ps-space-3);
}

.myc-account-dashboard-content .woocommerce form :is(input, select, textarea):hover {
	border-color: var(--ps-color-brand-500);
}

.myc-account-dashboard-content .woocommerce form :is(input, select, textarea):focus {
	border-color: var(--ps-color-brand-600);
	box-shadow: none;
	outline: none;
}

.myc-account-dashboard-content .woocommerce form fieldset {
	margin: var(--ps-space-2) 0 var(--ps-space-5);
	padding: var(--ps-space-4);
	border: 1px solid var(--ps-color-border);
	border-radius: var(--ps-radius-md);
	background: var(--ps-color-surface-subtle);
}

.myc-account-dashboard-content .woocommerce form fieldset legend {
	padding: 0 var(--ps-space-2);
	color: var(--ps-color-ink-strong);
	font-size: 15px;
	font-weight: 800;
}

.myc-account-dashboard-content .woocommerce form fieldset .form-row:last-child {
	margin-bottom: 0;
}

.myc-account-dashboard-content .woocommerce form :is(.description, [id$="_description"]) {
	display: block;
	margin-top: var(--ps-space-2);
	color: var(--ps-color-text-muted);
	font-size: 13px;
	font-style: normal;
	line-height: 1.5;
}

.myc-account-dashboard-content .woocommerce .woocommerce-Addresses {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--ps-space-4);
	margin-top: var(--ps-space-5);
}

.myc-account-dashboard-content .woocommerce .woocommerce-Addresses > .woocommerce-Address {
	float: none;
	box-sizing: border-box;
	width: 100%;
	min-height: 200px;
	padding: var(--ps-space-5);
	border: 1px solid var(--ps-color-border);
	border-radius: var(--ps-radius-md);
	background: var(--ps-color-surface-subtle);
}

.myc-account-dashboard-content .woocommerce .woocommerce-Addresses > .u-column1 {
	grid-column: 1;
}

.myc-account-dashboard-content .woocommerce .woocommerce-Addresses > .u-column2 {
	grid-column: 2;
}

.myc-account-dashboard-content .woocommerce .woocommerce-Address-title {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--ps-space-3);
	margin-bottom: var(--ps-space-5);
}

.myc-account-dashboard-content .woocommerce .woocommerce-Address-title h2 {
	margin: 0;
	font-size: 20px;
}

.myc-account-dashboard-content .woocommerce .woocommerce-Address-title .edit {
	color: var(--ps-color-brand-700);
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
}

.myc-account-dashboard-content .woocommerce .woocommerce-Address-title .edit:hover,
.myc-account-dashboard-content .woocommerce .woocommerce-Address-title .edit:focus-visible {
	text-decoration: underline;
}

.myc-account-dashboard-content .woocommerce .woocommerce-Address address {
	color: var(--ps-color-text-muted);
	font-size: 15px;
	font-style: normal;
	line-height: 1.65;
}

/*
 * The table lives inside `.woocommerce-MyAccount-content`, which already is
 * the card: its own border, radius and shadow. A second bordered, boxed
 * table nested inside that padding read as a box within a box. The table is
 * flattened to plain content instead — one boundary, not two — with row
 * dividers doing the only separating.
 */
.myc-account-dashboard-content .woocommerce table.shop_table {
	width: 100%;
	margin: 0;
	border: 0;
	/* WooCommerce core gives every `.shop_table` a 5px radius by default. */
	border-radius: 0;
	border-spacing: 0;
	border-collapse: collapse;
	font-size: 14px;
}

.myc-account-dashboard-content .woocommerce table.shop_table :is(th, td) {
	padding: var(--ps-space-4) var(--ps-space-3) var(--ps-space-4) 0;
	border: 0;
	border-bottom: 1px solid var(--ps-color-border);
	text-align: left;
	vertical-align: middle;
}

/*
 * Scoped to `thead th`, not every `th` in the table: the orders list also
 * uses `<th scope="row">` for the order-number cell of each body row, which
 * would otherwise inherit this header styling and read as a shaded column.
 * The header keeps its label treatment but no longer fills a background —
 * that fill was the last trace of the table reading as a card of its own.
 */
.myc-account-dashboard-content .woocommerce table.shop_table thead th {
	padding-top: 0;
	border-bottom-width: 2px;
	border-bottom-color: var(--ps-color-ink);
	color: var(--ps-color-text-muted);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
}

/*
 * Scoped to `tbody`: a `<thead>` with a single row makes that row both first
 * and last child of its parent, so an unscoped `tr:last-child` also matched
 * the header and — at higher specificity than the `thead th` rule above —
 * silently erased the header's own bottom border.
 */
.myc-account-dashboard-content .woocommerce table.shop_table tbody tr:last-child :is(th, td) {
	padding-bottom: 0;
	border-bottom: 0;
}

/*
 * WooCommerce echoes each action `<a>` back to back with no separator in
 * between, so a second action — the AST tracking button, here — sat flush
 * against "Ver" with no gap at all.
 */
.myc-account-dashboard-content .woocommerce table.shop_table .woocommerce-orders-table__cell-order-actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ps-space-2);
}

.myc-account-dashboard-content .woocommerce table.shop_table a:not(.button) {
	color: var(--ps-color-brand-700);
	font-weight: 800;
	text-decoration: none;
}

.myc-account-dashboard-content .woocommerce table.shop_table a:not(.button):hover,
.myc-account-dashboard-content .woocommerce table.shop_table a:not(.button):focus-visible {
	text-decoration: underline;
}

.myc-account-overview {
	margin-top: var(--ps-space-6);
	padding-top: var(--ps-space-6);
	border-top: 1px solid var(--ps-color-border);
}

.myc-account-overview-head {
	margin-bottom: var(--ps-space-4);
}

.myc-account-overview-head .myc-kicker {
	display: block;
	margin-bottom: var(--ps-space-2);
	color: var(--ps-color-brand-600);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .12em;
}

.myc-account-overview-head h2 {
	margin: 0;
}

.myc-account-overview-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--ps-space-3);
	counter-reset: account-overview;
}

.myc-account-overview-card {
	display: grid;
	grid-template-rows: auto auto 1fr auto;
	gap: var(--ps-space-2);
	min-height: 176px;
	padding: var(--ps-space-4);
	border: 1px solid var(--ps-color-border);
	border-radius: var(--ps-radius-md);
	background: var(--ps-color-surface-subtle);
	color: var(--ps-color-text);
	text-decoration: none;
	transition: border-color var(--ps-transition-base), box-shadow var(--ps-transition-base), transform var(--ps-transition-base);
	counter-increment: account-overview;
}

.myc-account-overview-card:hover,
.myc-account-overview-card:focus-visible {
	border-color: var(--ps-color-brand-border);
	box-shadow: 0 14px 30px rgb(23 19 21 / 8%);
	transform: translateY(-2px);
	outline: none;
}

.myc-account-overview-card-index::before {
	color: var(--ps-color-brand-600);
	font-size: 12px;
	font-weight: 850;
	letter-spacing: .08em;
	content: '0' counter(account-overview);
}

.myc-account-overview-card-title {
	color: var(--ps-color-ink-strong);
	font-size: 18px;
	font-weight: 850;
}

.myc-account-overview-card-description {
	color: var(--ps-color-text-muted);
	font-size: 14px;
	line-height: 1.55;
}

.myc-account-overview-card-cta {
	margin-top: var(--ps-space-2);
	color: var(--ps-color-brand-700);
	font-size: 13px;
	font-weight: 800;
}

/*
 * Order detail
 *
 * WooCommerce keeps ownership of the order data and extension hooks. This
 * layer only makes the view-order summary easier to scan: image and line-item
 * data share a row, quantity is an explicit column, and delivery/payment live
 * in a concise pair of cards after the totals.
 */
.myc-account-dashboard-content .woocommerce .ps-order-details {
	margin: var(--ps-space-6) 0 0;
}

/* Advanced Shipment Tracking override: source markup lives in the theme. */
.myc-account-dashboard-content .woocommerce .ps-order-tracking__title {
	margin: 0 0 var(--ps-space-5);
	font-size: clamp(1.5rem, 1.7vw, 1.75rem);
	line-height: 1.2;
}

.myc-account-dashboard-content .woocommerce .ps-order-overview {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ps-space-2);
	margin: 0 0 var(--ps-space-6);
}

.myc-account-dashboard-content .woocommerce .ps-order-overview__chip {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 0 0.75rem;
	border: 1px solid var(--ps-color-border);
	border-radius: var(--ps-radius-sm);
	background: var(--ps-color-surface-subtle);
	color: var(--ps-color-text-muted);
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}

.myc-account-dashboard-content .woocommerce .ps-order-overview__chip--status {
	border-color: rgb(24 121 78 / 24%);
	background: rgb(24 121 78 / 8%);
	color: var(--ps-color-success);
}

.myc-account-dashboard-content .woocommerce .ps-order-tracking {
	margin: 0 0 var(--ps-space-6);
}

.myc-account-dashboard-content .woocommerce .ps-order-tracking__item.fluid_container {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr) auto;
	align-items: center;
	gap: var(--ps-space-4);
	margin: 0;
	padding: var(--ps-space-4);
	border: 1px solid var(--ps-color-border);
	border-radius: var(--ps-radius-md);
	background: var(--ps-color-surface-subtle);
	box-shadow: none;
}

.myc-account-dashboard-content .woocommerce .ps-order-tracking__logo.fluid_provider_img {
	width: 72px;
	margin: 0;
}

.myc-account-dashboard-content .woocommerce .ps-order-tracking__logo img {
	display: block;
	width: 100%;
	height: 72px;
	object-fit: contain;
	border: 0;
	border-radius: var(--ps-radius-sm);
	background: var(--ps-color-surface);
}

.myc-account-dashboard-content .woocommerce .ps-order-tracking__details.fluid_left_cl {
	display: grid;
	gap: var(--ps-space-2);
	min-width: 0;
	padding: 0;
}

.myc-account-dashboard-content .woocommerce .ps-order-tracking__provider.tracking_provider {
	display: block;
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.35;
	color: var(--ps-color-text);
}

.myc-account-dashboard-content .woocommerce .ps-order-tracking__number {
	display: inline-flex;
	width: fit-content;
	max-width: 100%;
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.4;
	color: var(--ps-color-brand-600);
	text-decoration: underline;
	text-underline-offset: 0.16em;
	overflow-wrap: anywhere;
}

.myc-account-dashboard-content .woocommerce .ps-order-tracking__number:hover {
	color: var(--ps-color-brand-700);
	text-decoration: underline;
}

.myc-account-dashboard-content .woocommerce .ps-order-tracking__action.fluid_right_cl {
	margin: 0;
	padding: 0;
}

.myc-account-dashboard-content .woocommerce .ps-order-tracking__action .track-button.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	margin: 0;
	padding: 0 var(--ps-space-4);
	border: 1px solid var(--ps-color-brand-600);
	border-radius: var(--ps-radius-md);
	background: var(--ps-color-brand-600);
	box-shadow: none;
	color: #fff;
	font: inherit;
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color var(--ps-transition-fast), border-color var(--ps-transition-fast), transform var(--ps-transition-fast);
}

.myc-account-dashboard-content .woocommerce .ps-order-tracking__action .track-button.button:hover {
	border-color: var(--ps-color-brand-700);
	background: var(--ps-color-brand-700);
	color: #fff;
}

.myc-account-dashboard-content .woocommerce .ps-order-tracking__action .track-button.button:active {
	transform: translateY(1px);
}

.myc-account-dashboard-content .woocommerce .ps-order-tracking__note.shipping_note_table {
	margin-top: var(--ps-space-3);
	padding: var(--ps-space-3) var(--ps-space-4);
	border: 1px solid var(--ps-color-border);
	border-radius: var(--ps-radius-sm);
	background: var(--ps-color-surface-subtle);
	box-shadow: none;
}

.myc-account-dashboard-content .woocommerce .ps-order-tracking__note p {
	margin: 0.25rem 0 0;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.myc-account-dashboard-content .woocommerce .ps-order-details__heading {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--ps-space-4);
	margin-bottom: var(--ps-space-5);
}

.myc-account-dashboard-content .woocommerce .ps-order-details__heading .woocommerce-order-details__title {
	margin: 0;
	font-size: clamp(1.5rem, 1.7vw, 1.75rem);
	line-height: 1.2;
}

.myc-account-dashboard-content .woocommerce .ps-order-details__summary {
	overflow: hidden;
	border: 1px solid var(--ps-color-border);
	border-radius: var(--ps-radius-md);
	background: var(--ps-color-surface);
}

.myc-account-dashboard-content .woocommerce table.ps-order-details__table {
	border: 0;
	font-size: 15px;
}

.myc-account-dashboard-content .woocommerce table.ps-order-details__table :is(th, td) {
	padding: var(--ps-space-4);
}

.myc-account-dashboard-content .woocommerce table.ps-order-details__table thead th {
	padding-top: var(--ps-space-3);
	padding-bottom: var(--ps-space-3);
	border-bottom: 1px solid var(--ps-color-border);
	background: var(--ps-color-surface-subtle);
	color: var(--ps-color-text-muted);
	font-size: 11px;
}

.myc-account-dashboard-content .woocommerce table.ps-order-details__table :is(.product-quantity, .product-total) {
	width: 118px;
	text-align: right;
	white-space: nowrap;
}

.myc-account-dashboard-content .woocommerce table.ps-order-details__table .product-quantity {
	width: 100px;
	text-align: center;
	font-variant-numeric: tabular-nums;
}

.myc-account-dashboard-content .woocommerce table.ps-order-details__table tbody tr:last-child :is(th, td) {
	padding-bottom: var(--ps-space-4);
	border-bottom: 1px solid var(--ps-color-border);
}

.myc-account-dashboard-content .woocommerce .ps-order-details__product {
	display: flex;
	align-items: flex-start;
	gap: var(--ps-space-3);
	min-width: 0;
}

.myc-account-dashboard-content .woocommerce .ps-order-details__media {
	flex: 0 0 78px;
	position: relative;
	width: 78px;
}

.myc-account-dashboard-content .woocommerce .ps-order-details__thumbnail-link,
.myc-account-dashboard-content .woocommerce .ps-order-details__media > img {
	display: block;
}

.myc-account-dashboard-content .woocommerce .ps-order-details__thumbnail-image,
.myc-account-dashboard-content .woocommerce .ps-order-details__media > img {
	display: block;
	width: 78px;
	aspect-ratio: 1 / 1;
	height: 78px;
	border-radius: var(--ps-radius-sm);
	object-fit: cover;
}

.myc-account-dashboard-content .woocommerce .ps-order-details__product-content {
	min-width: 0;
	padding-top: 2px;
}

.myc-account-dashboard-content .woocommerce table.ps-order-details__table tbody tr.ps-order-details__item-price {
	display: none;
}

@media (max-width: 1080px) {
	.myc-account-dashboard-content .woocommerce table.ps-order-details__table :is(thead .product-quantity, tbody .product-quantity, thead .product-total, tbody .product-total) {
		display: none;
	}

	.myc-account-dashboard-content .woocommerce table.ps-order-details__table tbody tr.ps-order-details__line-item {
		border-bottom: 0;
	}

	.myc-account-dashboard-content .woocommerce table.ps-order-details__table tbody tr.ps-order-details__line-item td.product-name {
		padding-bottom: var(--ps-space-2);
	}

	.myc-account-dashboard-content .woocommerce table.ps-order-details__table tbody tr.ps-order-details__item-price {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--ps-space-4);
		padding: var(--ps-space-2) var(--ps-space-4);
		border-bottom: 1px solid var(--ps-color-border);
		background: var(--ps-color-surface);
		color: var(--ps-color-text);
		font-size: 14px;
		line-height: 1.4;
	}

	.myc-account-dashboard-content .woocommerce table.ps-order-details__table tbody tr.ps-order-details__item-price :is(th, td) {
		width: auto;
		padding: 0;
		border: 0;
		background: transparent;
		color: inherit;
	}

	.myc-account-dashboard-content .woocommerce table.ps-order-details__table tbody tr.ps-order-details__item-price th {
		font-weight: 700;
		text-align: left;
	}

	.myc-account-dashboard-content .woocommerce table.ps-order-details__table tbody tr.ps-order-details__item-price td {
		margin-left: auto;
		font-weight: 700;
		text-align: right;
		white-space: nowrap;
	}

	.myc-account-dashboard-content .woocommerce .ps-order-details__media::after {
		content: attr(data-quantity);
		position: absolute;
		top: -8px;
		right: -8px;
		display: grid;
		width: 24px;
		height: 24px;
		place-items: center;
		border: 2px solid var(--ps-color-surface);
		border-radius: 999px;
		background: var(--ps-color-brand-600);
		box-shadow: none;
		color: #fff;
		font-size: 12px;
		font-weight: 800;
		line-height: 1;
		font-variant-numeric: tabular-nums;
	}
}

.myc-account-dashboard-content .woocommerce .ps-order-details__product-name {
	margin: 0;
	color: var(--ps-color-ink-strong);
	font-size: 16px;
	font-weight: 800;
	line-height: 1.35;
}

.myc-account-dashboard-content .woocommerce .ps-order-details__product-name a {
	color: inherit;
}

/*
 * Size and custom fields as chips, the same component as the cart drawer
 * (cart-drawer.css): one pill per attribute, label in ink, value muted, the
 * size first. zapantojos_catalog_get_formatted_order_item_data() writes the
 * drawer's markup, wrapping each dt/dd pair in .myc-cart-item-attr.
 */
.myc-account-dashboard-content .woocommerce .ps-order-details__attributes {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ps-space-2);
	margin-top: var(--ps-space-2);
	font-size: 12px;
}

.myc-account-dashboard-content .woocommerce .ps-order-details__attributes dl {
	display: contents;
}

.myc-account-dashboard-content .woocommerce .ps-order-details__attributes .myc-cart-item-attr {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin: 0;
	padding: 6px 10px;
	border-radius: 999px;
	background: var(--ps-color-surface-muted);
	color: var(--ps-color-text-muted);
	line-height: 1;
}

.myc-account-dashboard-content .woocommerce .ps-order-details__attributes dt {
	float: none;
	margin: 0;
	padding: 0;
	color: var(--ps-color-text);
	font-weight: 800;
	white-space: nowrap;
}

.myc-account-dashboard-content .woocommerce .ps-order-details__attributes dd {
	display: inline;
	margin: 0;
	padding: 0;
	color: inherit;
}

.myc-account-dashboard-content .woocommerce .ps-order-details__attributes dd p {
	display: contents;
	margin: 0;
}

.myc-account-dashboard-content .woocommerce table.ps-order-details__table tbody .product-total {
	color: var(--ps-color-brand-700);
	font-size: 16px;
	font-weight: 850;
}

.myc-account-dashboard-content .woocommerce table.ps-order-details__table tfoot th,
.myc-account-dashboard-content .woocommerce table.ps-order-details__table tfoot td {
	padding-top: var(--ps-space-3);
	padding-bottom: var(--ps-space-3);
	background: var(--ps-color-surface);
	border-bottom: 1px solid var(--ps-color-border);
	font-size: 14px;
}

.myc-account-dashboard-content .woocommerce table.ps-order-details__table .ps-order-details__total-row--cart_subtotal :is(th, td),
.myc-account-dashboard-content .woocommerce table.ps-order-details__table .ps-order-details__total-row--discount :is(th, td),
.myc-account-dashboard-content .woocommerce table.ps-order-details__table .ps-order-details__total-row--shipping :is(th, td) {
	background: var(--ps-color-surface-subtle);
}

/*
 * The code that produced the discount, named next to it. Sits before the amount
 * in the same right-aligned cell, so it reads «DESCU12  −9,52 €».
 */
.myc-account-dashboard-content .woocommerce table.ps-order-details__table .ps-order-details__coupon {
	display: inline-block;
	margin-right: var(--ps-space-2);
	padding: 3px var(--ps-space-2);
	border: 1px solid var(--ps-color-brand-border);
	border-radius: 999px;
	background: var(--ps-color-brand-50);
	color: var(--ps-color-brand-700);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
	vertical-align: middle;
}

.myc-account-dashboard-content .woocommerce table.ps-order-details__table tfoot td {
	color: var(--ps-color-ink-strong);
	font-weight: 800;
	text-align: right;
}

.myc-account-dashboard-content .woocommerce table.ps-order-details__table tfoot tr:last-child :is(th, td) {
	border-bottom: 0;
}

.myc-account-dashboard-content .woocommerce table.ps-order-details__table .ps-order-details__total-row--order_total :is(th, td) {
	padding-top: var(--ps-space-4);
	padding-bottom: var(--ps-space-4);
	background: var(--ps-color-surface-subtle);
	color: var(--ps-color-ink-strong);
	font-size: 18px;
	font-weight: 850;
}

.myc-account-dashboard-content .woocommerce .ps-order-details__tax-note {
	margin: var(--ps-space-3) 0 0;
	color: var(--ps-color-text-muted);
	font-size: 13px;
	line-height: 1.4;
	text-align: center;
}


/* Delivery, payment and address share one responsive information card. */
.myc-account-dashboard-content .woocommerce .ps-order-details__fulfilment {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: var(--ps-space-5) 0 0;
	overflow: hidden;
	border: 1px solid var(--ps-color-border);
	border-radius: var(--ps-radius-md);
	background: var(--ps-color-surface-subtle);
}

.myc-account-dashboard-content .woocommerce .ps-order-details__methods {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: var(--ps-space-6) 0 0;
	border-left: 1px solid var(--ps-color-border);
}

.myc-account-dashboard-content .woocommerce .ps-order-details__fulfilment .ps-order-details__methods {
	margin: 0;
}

.myc-account-dashboard-content .woocommerce .ps-order-details__method {
	min-width: 0;
	padding: var(--ps-space-4);
	border: 0;
	border-radius: 0;
	background: transparent;
}

.myc-account-dashboard-content .woocommerce .ps-order-details__method + .ps-order-details__method {
	padding-top: 0;
}

.myc-account-dashboard-content .woocommerce .ps-order-details__method:first-child {
	padding-bottom: var(--ps-space-3);
}

.myc-account-dashboard-content .woocommerce .ps-order-details__method dt {
	margin-bottom: var(--ps-space-2);
	color: var(--ps-color-text-muted);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.myc-account-dashboard-content .woocommerce .ps-order-details__method dd {
	margin: 0;
	color: var(--ps-color-ink-strong);
	font-size: 15px;
	font-weight: 750;
	line-height: 1.45;
}

/* Address and contact fill the first two columns of the shared information card. */
.myc-account-dashboard-content .woocommerce .ps-order-details__addresses {
	grid-column: span 2;
	margin: 0;
}

.myc-account-dashboard-content .woocommerce .ps-order-details__address-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0;
}

.myc-account-dashboard-content .woocommerce .ps-order-details__address {
	margin: 0;
	padding: var(--ps-space-4);
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.myc-account-dashboard-content .woocommerce .ps-order-details__address-title {
	margin: 0 0 var(--ps-space-2);
	color: var(--ps-color-text-muted);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.myc-account-dashboard-content .woocommerce .ps-order-details__contact {
	min-width: 0;
	padding: var(--ps-space-4);
	border-left: 1px solid var(--ps-color-border);
}

.myc-account-dashboard-content .woocommerce .ps-order-details__address address {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--ps-color-ink-strong);
	font-size: 15px;
	font-weight: 750;
	font-style: normal;
	line-height: 1.5;
	box-shadow: none;
}

.myc-account-dashboard-content .woocommerce .ps-order-details__address-contact {
	margin: 0;
	padding: 0;
}

/* Mobile browsers may turn phone numbers and emails into blue links. */
.myc-account-dashboard-content .woocommerce .ps-order-details__address-contact a,
.myc-account-dashboard-content .woocommerce .ps-order-details__address-contact a[x-apple-data-detectors] {
	color: inherit !important;
	font: inherit !important;
	text-decoration: none !important;
}

.myc-account-dashboard-content .woocommerce .ps-order-details__contact-detail + .ps-order-details__contact-detail {
	margin-top: var(--ps-space-3);
}

.myc-account-dashboard-content .woocommerce .ps-order-details__contact-detail {
	color: var(--ps-color-ink-strong);
	font-size: 15px;
	font-weight: 750;
	line-height: 1.5;
}

@media (min-width: 761px) and (max-width: 1199px) {
	.myc-account-dashboard-head {
		padding-right: max(var(--ps-space-5), calc((100vw - var(--ps-content-discovery)) / 2));
		padding-left: max(var(--ps-space-5), calc((100vw - var(--ps-content-discovery)) / 2));
	}
}

@media (max-width: 1080px) {
	/* Orders use individual cards at tablet and mobile sizes. The account
	 * content wrapper stays deliberately transparent, so it never reads as a
	 * second card around the list. */
	.myc-account-dashboard--orders .myc-account-dashboard-content .woocommerce > .woocommerce-MyAccount-content {
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	.myc-account-dashboard--orders .myc-account-dashboard-content .woocommerce table.woocommerce-orders-table {
		display: block;
		width: 100%;
		overflow: visible;
		border: 0;
		border-radius: 0;
		background: transparent;
		white-space: normal;
		box-shadow: none;
	}

	.myc-account-dashboard--orders .myc-account-dashboard-content .woocommerce table.woocommerce-orders-table thead {
		display: none;
	}

	.myc-account-dashboard--orders .myc-account-dashboard-content .woocommerce table.woocommerce-orders-table tbody {
		display: grid;
		gap: var(--ps-space-4);
	}

	.myc-account-dashboard--orders .myc-account-dashboard-content .woocommerce table.woocommerce-orders-table tbody tr {
		display: block;
		width: 100%;
		margin: 0;
		padding: var(--ps-space-2) var(--ps-space-4);
		border: 1px solid var(--ps-color-border);
		border-radius: var(--ps-radius-md);
		background: var(--ps-color-surface-subtle);
		box-shadow: none;
	}

	.myc-account-dashboard--orders .myc-account-dashboard-content .woocommerce table.woocommerce-orders-table tbody :is(th, td) {
		display: grid;
		grid-template-columns: minmax(6.75rem, .85fr) minmax(0, 1.15fr);
		align-items: center;
		gap: var(--ps-space-3);
		width: 100%;
		min-width: 0;
		padding: var(--ps-space-3) 0;
		border: 0;
		border-bottom: 1px solid var(--ps-color-border);
		background: transparent;
		box-shadow: none;
		text-align: right;
	}

	.myc-account-dashboard--orders .myc-account-dashboard-content .woocommerce table.woocommerce-orders-table tbody :is(th, td)::before {
		color: var(--ps-color-text);
		content: attr(data-title) ':';
		font-size: 14px;
		font-weight: 800;
		text-align: left;
	}

	/* The legacy table rule removes every cell divider in the final row. Restore
	 * the internal dividers now that each row is an independent order card. */
	.myc-account-dashboard--orders .myc-account-dashboard-content .woocommerce table.woocommerce-orders-table tbody tr:last-child > :not(:last-child) {
		padding-bottom: var(--ps-space-3);
		border-bottom: 1px solid var(--ps-color-border);
	}

	/* Keep the final action row's vertical rhythm equal to every other card. */
	.myc-account-dashboard--orders .myc-account-dashboard-content .woocommerce table.woocommerce-orders-table tbody tr:last-child > :last-child {
		padding-bottom: var(--ps-space-3);
	}

	.myc-account-dashboard--orders .myc-account-dashboard-content .woocommerce table.woocommerce-orders-table tbody tr > :last-child {
		border-bottom: 0;
	}

	.myc-account-dashboard--orders .myc-account-dashboard-content .woocommerce table.woocommerce-orders-table .woocommerce-orders-table__cell-order-total {
		font-size: 14px;
	}

	.myc-account-dashboard--orders .myc-account-dashboard-content .woocommerce table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-wrap: wrap;
		gap: var(--ps-space-2);
		text-align: right;
	}

	.myc-account-dashboard--orders .myc-account-dashboard-content .woocommerce table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions::before {
		margin-right: auto;
	}

	.myc-account-dashboard--orders .myc-account-dashboard-content .woocommerce table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .button {
		margin: 0;
		white-space: nowrap;
	}

	.myc-account-dashboard-content .woocommerce {
		grid-template-columns: 1fr;
		gap: var(--ps-space-6);
	}

	.myc-account-dashboard-content .woocommerce > :is(.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content) {
		grid-column: 1;
		grid-row: auto;
	}

	.myc-account-dashboard-content .woocommerce > .woocommerce-MyAccount-navigation {
		position: static;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	.myc-account-dashboard-content .woocommerce-MyAccount-navigation ul {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: repeat(2, minmax(64px, auto));
		gap: 4px;
	}

	.myc-account-dashboard-content .woocommerce-MyAccount-navigation li,
	.myc-account-dashboard-content .woocommerce-MyAccount-navigation li + li {
		min-width: 0;
		margin-top: 0;
	}

	.myc-account-dashboard-content .woocommerce-MyAccount-navigation a {
		height: 100%;
		min-height: 64px;
		padding: var(--ps-space-3);
		border: 1px solid var(--ps-color-border);
		background: var(--ps-color-surface-subtle);
		box-shadow: none;
		transform: none;
		-webkit-tap-highlight-color: transparent;
	}

	.myc-account-dashboard-content .woocommerce-MyAccount-navigation :is(.is-active a, a:hover, a:focus-visible) {
		border-color: var(--ps-color-border);
		box-shadow: none;
	}

	.myc-account-dashboard-content .woocommerce-MyAccount-navigation :is(a:hover, a:focus-visible) {
		transform: none;
	}

	.myc-account-dashboard-content .woocommerce-MyAccount-navigation .is-active a {
		border-color: var(--ps-color-brand-700);
		background: var(--ps-color-brand-100);
		color: var(--ps-color-brand-700);
		font-weight: 800;
	}

	.myc-account-dashboard-content .woocommerce-MyAccount-navigation :is(a.is-touch-pressed, .is-active a.is-touch-pressed) {
		background: var(--ps-color-surface-subtle);
		box-shadow: 0 14px 30px rgb(23 19 21 / 8%);
		color: var(--ps-color-text);
		transform: translateY(-2px);
	}

	.myc-app-body .myc-account-dashboard-content .woocommerce-MyAccount-navigation a:focus-visible {
		outline: 2px solid var(--ps-color-text-muted);
		outline-offset: 2px;
	}

	.myc-account-dashboard-content .woocommerce-MyAccount-navigation .is-active a::before {
		display: none;
	}

	.myc-account-dashboard-content .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout {
		display: none;
	}

	.myc-account-dashboard-logout {
		display: inline-flex;
		margin: calc(-1 * var(--ps-space-2));
		padding: var(--ps-space-2);
		border-radius: var(--ps-radius-sm);
	}

	.myc-account-dashboard-logout.is-touch-pressed {
		color: var(--ps-color-brand-600);
		transform: translateY(-2px);
	}
}

@media (max-width: 760px) {
	.myc-account-page {
		padding: var(--ps-space-5) var(--ps-page-gutter-mobile) var(--ps-space-7);
	}

	.myc-account-page--dashboard {
		padding: 0 var(--ps-page-gutter-mobile) var(--ps-space-7);
	}

	.myc-account-dashboard {
		width: 100%;
	}

	.myc-account-dashboard-head {
		width: calc(100% + (2 * var(--ps-page-gutter-mobile)));
		margin-right: calc(-1 * var(--ps-page-gutter-mobile));
		margin-bottom: 0;
		margin-left: calc(-1 * var(--ps-page-gutter-mobile));
		padding: clamp(32px, 5vw, 58px) calc(var(--ps-page-gutter-mobile) + var(--ps-space-5));
	}

	.myc-account-auth-card {
		padding: var(--ps-space-5);
		border-radius: var(--ps-radius-md);
	}

	.myc-account-brand-image {
		width: min(var(--myc-account-logo-width-mobile), 100%);
	}

	.myc-account-auth-form .woocommerce-LostPassword {
		margin-bottom: var(--ps-space-4);
	}

	.myc-account-dashboard-content .woocommerce > .woocommerce-MyAccount-content {
		padding: var(--ps-space-5);
		box-shadow: none;
	}

	.myc-account-dashboard-content .woocommerce > .woocommerce-MyAccount-content:has(> .woocommerce-info .wc-forward) {
		padding-top: var(--ps-space-4);
		padding-bottom: var(--ps-space-3);
	}

	.myc-account-dashboard-content .woocommerce-MyAccount-navigation a {
		min-height: 60px;
		padding: var(--ps-space-2) var(--ps-space-3);
	}

	.myc-account-dashboard-content .woocommerce-MyAccount-content .woocommerce-info:has(.wc-forward) {
		align-items: stretch;
		flex-direction: column;
		gap: var(--ps-space-2);
	}

	.myc-account-dashboard-content .woocommerce-MyAccount-content .woocommerce-info:has(.wc-forward) .wc-forward {
		margin: 0;
		width: 100%;
	}

	.myc-account-dashboard-content .woocommerce .woocommerce-Addresses,
	.myc-account-overview-grid,
	.myc-account-dashboard-content .woocommerce :is(.woocommerce-address-fields__field-wrapper, .woocommerce-EditAccountForm) {
		grid-template-columns: 1fr;
	}

	.myc-account-dashboard-content .woocommerce .woocommerce-EditAccountForm > :is(.form-row, fieldset, p:not(.form-row), .clear),
	.myc-account-dashboard-content .woocommerce .woocommerce-address-fields__field-wrapper .form-row,
	.myc-account-dashboard-content .woocommerce .woocommerce-Addresses > .woocommerce-Address {
		grid-column: 1;
	}

	.myc-account-dashboard-content .woocommerce .woocommerce-Address {
		min-height: 0;
		padding: var(--ps-space-4);
	}

	.myc-account-dashboard-content .woocommerce table.shop_table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}

	/* The order-detail rows are intentionally responsive cards, never a
	 * horizontally-scrolling table on a phone. */
	.myc-account-dashboard-content .woocommerce table.ps-order-details__table {
		display: table;
		overflow: visible;
		white-space: normal;
	}

	.myc-account-dashboard-content .woocommerce table.ps-order-details__table,
	.myc-account-dashboard-content .woocommerce table.ps-order-details__table tbody,
	.myc-account-dashboard-content .woocommerce table.ps-order-details__table tfoot,
	.myc-account-dashboard-content .woocommerce table.ps-order-details__table tr,
	.myc-account-dashboard-content .woocommerce table.ps-order-details__table :is(th, td) {
		display: block;
		width: auto;
	}

	.myc-account-dashboard-content .woocommerce table.ps-order-details__table thead,
	.myc-account-dashboard-content .woocommerce table.ps-order-details__table thead tr {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
	}

	.myc-account-dashboard-content .woocommerce table.ps-order-details__table thead tr {
		padding: var(--ps-space-3) var(--ps-space-4);
		border-bottom: 1px solid var(--ps-color-border);
		background: var(--ps-color-surface-subtle);
	}

	.myc-account-dashboard-content .woocommerce table.ps-order-details__table thead th.product-name {
		display: block;
		width: auto;
		padding: 0;
		border: 0;
		grid-column: 1;
		text-align: left;
	}

	.myc-account-dashboard-content .woocommerce table.ps-order-details__table tbody tr {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: var(--ps-space-3);
		padding: var(--ps-space-4);
		border-bottom: 1px solid var(--ps-color-border);
	}

	.myc-account-dashboard-content .woocommerce table.ps-order-details__table tbody tr:last-child {
		border-bottom: 0;
	}

	.myc-account-dashboard-content .woocommerce table.ps-order-details__table tbody tr.ps-order-details__line-item {
		padding-bottom: 0;
	}

	.myc-account-dashboard-content .woocommerce table.ps-order-details__table tbody tr.ps-order-details__item-price:last-child {
		border-bottom: 1px solid var(--ps-color-border);
	}

	.myc-account-dashboard-content .woocommerce table.ps-order-details__table tbody tr.ps-order-details__item-price {
		padding-top: var(--ps-space-2);
		padding-bottom: var(--ps-space-4);
	}

	.myc-account-dashboard-content .woocommerce table.ps-order-details__table tbody tr :is(td.product-name, td.product-quantity, td.product-total) {
		width: auto;
		padding: 0;
		border: 0;
		text-align: left;
	}

	.myc-account-dashboard-content .woocommerce table.ps-order-details__table tbody td.product-name {
		grid-column: 1 / -1;
	}

	.myc-account-dashboard-content .woocommerce table.ps-order-details__table tfoot tr {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--ps-space-4);
		padding: var(--ps-space-3) var(--ps-space-4);
		border-bottom: 1px solid var(--ps-color-border);
	}

	.myc-account-dashboard-content .woocommerce table.ps-order-details__table tfoot :is(th, td) {
		padding: 0;
		border: 0;
	}

	.myc-account-dashboard-content .woocommerce table.ps-order-details__table tfoot td {
		text-align: right;
	}

	.myc-account-dashboard-content .woocommerce table.ps-order-details__table tfoot tr:is(.ps-order-details__total-row--cart_subtotal, .ps-order-details__total-row--discount, .ps-order-details__total-row--shipping) {
		background: var(--ps-color-surface-subtle);
	}

	.myc-account-dashboard-content .woocommerce table.ps-order-details__table tfoot tr:is(.ps-order-details__total-row--cart_subtotal, .ps-order-details__total-row--discount, .ps-order-details__total-row--shipping) :is(th, td) {
		background: transparent;
	}

	.myc-account-dashboard-content .woocommerce table.ps-order-details__table .ps-order-details__total-row--order_total {
		padding-top: var(--ps-space-4);
		padding-bottom: var(--ps-space-4);
		border-bottom: 0;
		background: var(--ps-color-surface-subtle);
		box-shadow: none;
	}

	.myc-account-dashboard-content .woocommerce table.ps-order-details__table .ps-order-details__total-row--order_total :is(th, td) {
		background: transparent;
		box-shadow: none;
	}

	.myc-account-dashboard-content .woocommerce .ps-order-details__fulfilment {
		grid-template-columns: 1fr;
	}

	.myc-account-dashboard-content .woocommerce .ps-order-details__methods {
		margin-top: 0;
		border-left: 0;
	}

	.myc-account-dashboard-content .woocommerce .ps-order-details__methods,
	.myc-account-dashboard-content .woocommerce .ps-order-details__contact {
		border-top: 1px solid var(--ps-color-border);
		border-left: 0;
	}

	.myc-account-dashboard-content .woocommerce .ps-order-details__address-grid {
		grid-template-columns: 1fr;
	}

	.myc-account-dashboard-content .woocommerce .ps-order-details__addresses {
		grid-column: auto;
	}

	.myc-account-dashboard-content .woocommerce .ps-order-details__contact {
		border-left: 0;
	}

	.myc-account-dashboard-content .woocommerce .ps-order-tracking__item.fluid_container {
		grid-template-columns: 56px minmax(0, 1fr);
		gap: var(--ps-space-3);
		padding: var(--ps-space-3);
	}

	.myc-account-dashboard-content .woocommerce .ps-order-tracking__logo.fluid_provider_img {
		width: 56px;
	}

	.myc-account-dashboard-content .woocommerce .ps-order-tracking__logo img {
		height: 56px;
	}

	.myc-account-dashboard-content .woocommerce .ps-order-tracking__action.fluid_right_cl {
		grid-column: 1 / -1;
	}

	.myc-account-dashboard-content .woocommerce .ps-order-tracking__action .track-button.button {
		width: 100%;
	}
}