/* ==========================================================================
   MediMix — account.css (My Account, login/register, lost password)
   Templates: woocommerce/myaccount/*, template-parts/account/order-card.php.
   Endpoints also come from plugins (TeraWallet, wishlist, WC Cancel Order),
   so nothing here assumes a fixed menu.
   ========================================================================== */

.mx-account-page { padding-top: var(--mx-s5); }
.mx-account-head { margin-bottom: var(--mx-s5); }
.mx-account-head__title { margin: var(--mx-s2) 0 0; }
.mx-btn--sm { min-height: 38px; padding: 6px 14px; font-size: var(--mx-fs-sm); gap: 6px; }

/* ---------- Shell: side (user + menu) | content ---------- */
.mx-acc { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--mx-s5); }
.mx-acc__side { min-width: 0; } /* the scrolling menu must not widen the column */
@media (min-width: 900px) {
	.mx-acc { grid-template-columns: 270px minmax(0, 1fr); gap: var(--mx-s8); align-items: start; }
	.mx-acc__side { position: sticky; top: calc(var(--mx-head-offset, 134px) + 16px); transition: top .3s var(--mx-ease); }
}
.mx-acc__main { min-width: 0; }
.mx-acc__main > * + * { margin-top: var(--mx-s6); }

.mx-acc-user { display: flex; align-items: center; gap: var(--mx-s3); padding: var(--mx-s4); border-radius: var(--mx-r-lg); background: var(--mx-surface); }
.mx-acc-user__avatar {
	display: grid; place-items: center; flex: none; width: 48px; height: 48px; border-radius: 50%;
	background: var(--mx-ink); color: #fff; font-weight: 700; font-size: var(--mx-fs-lg);
}
.mx-acc-user__text { display: flex; flex-direction: column; min-width: 0; line-height: 1.45; }
.mx-acc-user__text strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mx-acc-user__text bdi { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--mx-fs-sm); color: var(--mx-muted); text-align: end; }

.mx-acc-nav { margin-top: var(--mx-s3); }
.mx-acc-nav ul { display: flex; gap: var(--mx-s2); margin: 0; padding: 0 0 2px; list-style: none; overflow-x: auto; scrollbar-width: none; }
.mx-acc-nav ul::-webkit-scrollbar { display: none; }
.mx-acc-nav li { flex: none; }
.mx-acc-nav a {
	display: flex; align-items: center; gap: var(--mx-s2); min-height: 44px; padding: 8px 14px;
	border: 1px solid var(--mx-line); border-radius: var(--mx-r-pill); white-space: nowrap;
	font-weight: 500; text-decoration: none; color: var(--mx-ink-2); background: #fff;
}
.mx-acc-nav a:hover { color: var(--mx-ink); border-color: var(--mx-ink-2); }
.mx-acc-nav .is-active a { background: var(--mx-ink); border-color: var(--mx-ink); color: #fff; }
.mx-acc-nav__count {
	display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: var(--mx-r-pill);
	background: var(--mx-surface-2); color: var(--mx-ink); font-size: var(--mx-fs-xs); font-weight: 700;
}
.mx-acc-nav .is-active .mx-acc-nav__count { background: rgb(255 255 255 / 18%); color: #fff; }
.mx-acc-nav .woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--mx-error); }
@media (min-width: 900px) {
	.mx-acc-nav ul { flex-direction: column; gap: 2px; padding: var(--mx-s2); overflow: visible; border: 1px solid var(--mx-line); border-radius: var(--mx-r-lg); background: #fff; }
	.mx-acc-nav a { border: 0; border-radius: var(--mx-r-md); background: none; }
	.mx-acc-nav a:hover { background: var(--mx-surface); }
	.mx-acc-nav__label { flex: 1; }
	.mx-acc-nav .woocommerce-MyAccount-navigation-link--customer-logout { margin-top: var(--mx-s2); padding-top: var(--mx-s2); border-top: 1px solid var(--mx-line-2); }
	.mx-acc-nav .woocommerce-MyAccount-navigation-link--customer-logout a:hover { background: var(--mx-error-soft); }
}

/* ---------- Dashboard ---------- */
.mx-acc-hello { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--mx-s3); }
.mx-acc-hello__title { margin: 0; font-size: var(--mx-fs-h2); }
.mx-acc-hello__sub { margin: 4px 0 0; color: var(--mx-ink-2); }
.mx-acc-hello__since { padding: 4px 12px; border-radius: var(--mx-r-pill); background: var(--mx-brand-soft); color: var(--mx-brand-ink); font-size: var(--mx-fs-sm); font-weight: 500; }

.mx-acc-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mx-s3); margin: 0; padding: 0; list-style: none; }
@media (min-width: 1200px) { .mx-acc-stats { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); } }
.mx-acc-stat {
	display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "icon value" "icon label"; column-gap: var(--mx-s3);
	align-items: center; height: 100%; padding: var(--mx-s4); border: 1px solid var(--mx-line-2); border-radius: var(--mx-r-lg);
	background: #fff; text-decoration: none; color: var(--mx-ink);
}
a.mx-acc-stat:hover { border-color: var(--mx-ink); color: var(--mx-ink); }
.mx-acc-stat__icon { grid-area: icon; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--mx-brand-soft); color: var(--mx-brand-ink); }
.mx-acc-stat__value { grid-area: value; font-size: var(--mx-fs-h3); line-height: 1.3; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.mx-acc-stat__value .woocommerce-Price-currencySymbol { font-size: .7em; font-weight: 500; }
.mx-acc-stat__label { grid-area: label; font-size: var(--mx-fs-sm); color: var(--mx-muted); }
@media (max-width: 599px) {
	.mx-acc-stat { grid-template-columns: 1fr; grid-template-areas: "icon" "value" "label"; row-gap: 2px; }
	.mx-acc-stat__icon { width: 36px; height: 36px; margin-bottom: 6px; }
	.mx-acc-stat__value { font-size: var(--mx-fs-lg); }
}

.mx-acc-block__head { display: flex; align-items: center; justify-content: space-between; gap: var(--mx-s3); margin-bottom: var(--mx-s3); }
.mx-acc-block__title { margin: 0; font-size: var(--mx-fs-h3); }

.mx-acc-tiles { display: grid; gap: var(--mx-s3); margin: 0; padding: 0; list-style: none; }
@media (min-width: 600px) { .mx-acc-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .mx-acc-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.mx-acc-tile { display: flex; align-items: center; gap: var(--mx-s3); height: 100%; padding: var(--mx-s4); border-radius: var(--mx-r-lg); background: var(--mx-surface); text-decoration: none; color: var(--mx-ink); }
.mx-acc-tile:hover { background: var(--mx-surface-2); color: var(--mx-ink); }
.mx-acc-tile__icon { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 50%; background: #fff; color: var(--mx-brand-ink); }
.mx-acc-tile__text { display: flex; flex-direction: column; line-height: 1.5; min-width: 0; }
.mx-acc-tile__text span { font-size: var(--mx-fs-sm); color: var(--mx-ink-2); }

.mx-acc-address { display: flex; align-items: flex-start; gap: var(--mx-s3); padding: var(--mx-s4) var(--mx-s5); border: 1px solid var(--mx-line); border-radius: var(--mx-r-lg); }
.mx-acc-address__icon { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 50%; background: var(--mx-brand-soft); color: var(--mx-brand-ink); }
.mx-acc-address address, .mx-acc-address p { margin: 0; font-style: normal; line-height: 1.8; color: var(--mx-ink-2); }
.mx-acc-empty { margin: 0 auto; padding: var(--mx-s8) var(--mx-s4); border: 1px dashed var(--mx-line); border-radius: var(--mx-r-lg); max-width: none; }

/* ---------- Order card ---------- */
.mx-orders { display: grid; gap: var(--mx-s4); }
.mx-order { padding: var(--mx-s4); border: 1px solid var(--mx-line); border-radius: var(--mx-r-lg); background: #fff; }
@media (min-width: 600px) { .mx-order { padding: var(--mx-s5); } }
.mx-order__head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--mx-s3); }
.mx-order__id { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mx-order__num { margin: 0; font-size: var(--mx-fs-lg); font-weight: 700; color: var(--mx-ink); text-decoration: none; }
a.mx-order__num:hover { text-decoration: underline; }
.mx-order__date { font-size: var(--mx-fs-sm); color: var(--mx-muted); }

.mx-status { display: inline-flex; align-items: center; gap: 6px; flex: none; padding: 4px 12px; border-radius: var(--mx-r-pill); font-size: var(--mx-fs-sm); font-weight: 700; white-space: nowrap; }
.mx-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.mx-status--done { background: var(--mx-success-soft); color: var(--mx-success); }
.mx-status--live { background: #e8effc; color: var(--mx-focus); }
.mx-status--wait { background: var(--mx-warning-soft); color: var(--mx-warning); }
.mx-status--stop { background: var(--mx-error-soft); color: var(--mx-error); }
.mx-status--back { background: var(--mx-surface-2); color: var(--mx-ink-2); }

.mx-order__items { display: flex; flex-wrap: wrap; gap: var(--mx-s3); margin: var(--mx-s4) 0 0; padding: 0; list-style: none; }
.mx-order__item { display: flex; align-items: center; gap: var(--mx-s2); min-width: 0; flex: 1 1 220px; max-width: 100%; }
.mx-order__item--more { flex: 0 0 auto; }
.mx-order__thumb {
	position: relative; display: grid; place-items: center; flex: none; width: 60px; height: 60px; overflow: hidden;
	border: 1px solid var(--mx-line-2); border-radius: var(--mx-r-md); background: var(--mx-surface);
	font-weight: 700; color: var(--mx-ink-2); text-decoration: none;
}
.mx-order__thumb img { width: 100%; height: 100%; object-fit: contain; }
.mx-order__qty { position: absolute; inset-inline-end: 2px; bottom: 2px; padding: 0 5px; border-radius: var(--mx-r-pill); background: var(--mx-ink); color: #fff; font-size: 11px; line-height: 18px; }
.mx-order__name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: var(--mx-fs-sm); line-height: 1.5; color: var(--mx-ink-2); }
@media (max-width: 599px) {
	.mx-order__items { gap: var(--mx-s2); }
	.mx-order__item { flex: 0 0 auto; }
	.mx-order__item .mx-order__name { display: none; }
}

.mx-order__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--mx-s3); margin-top: var(--mx-s4); padding-top: var(--mx-s4); border-top: 1px solid var(--mx-line-2); }
.mx-order__total { display: flex; flex-direction: column; line-height: 1.4; }
.mx-order__total span { font-size: var(--mx-fs-sm); color: var(--mx-muted); }
.mx-order__total strong { font-size: var(--mx-fs-lg); }
.mx-order__actions { display: flex; flex-wrap: wrap; gap: var(--mx-s2); }
@media (max-width: 599px) {
	.mx-order__foot { flex-direction: column; align-items: stretch; }
	.mx-order__actions .mx-btn { flex: 1 1 auto; }
}
.mx-order__actions .wc-cancel-order { color: var(--mx-error); }
.mx-order__extra { margin-top: calc(var(--mx-s2) * -1); padding: var(--mx-s2) var(--mx-s4); font-size: var(--mx-fs-sm); color: var(--mx-ink-2); }

/* Tracker */
.mx-track { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: var(--mx-s5) 0 var(--mx-s2); padding: 0; list-style: none; counter-reset: none; }
.mx-track__step { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; }
.mx-track__step::before {
	content: ""; position: absolute; top: 13px; inset-inline-start: 50%; width: 100%; height: 3px;
	background: var(--mx-line); border-radius: 2px; z-index: 0;
}
.mx-track__step:last-child::before { display: none; }
.mx-track__step.is-done::before { background: var(--mx-success); }
.mx-track__dot {
	position: relative; z-index: 1; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%;
	border: 3px solid var(--mx-line); background: #fff; color: #fff;
}
.mx-track__step.is-done .mx-track__dot { border-color: var(--mx-success); background: var(--mx-success); }
.mx-track__step.is-now .mx-track__dot { border-color: var(--mx-ink); box-shadow: 0 0 0 4px rgb(20 20 24 / 10%); }
.mx-track__step.is-now .mx-track__dot:empty::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--mx-ink); }
.mx-order--done .mx-track__step.is-now .mx-track__dot { border-color: var(--mx-success); background: var(--mx-success); box-shadow: none; }
.mx-track__label { font-size: var(--mx-fs-xs); line-height: 1.4; color: var(--mx-muted); }
.mx-track__step.is-done .mx-track__label, .mx-track__step.is-now .mx-track__label { color: var(--mx-ink); font-weight: 700; }
@media (min-width: 600px) { .mx-track__label { font-size: var(--mx-fs-sm); } }
.mx-track-note { display: flex; align-items: center; gap: var(--mx-s2); margin: var(--mx-s4) 0 0; padding: var(--mx-s3) var(--mx-s4); border-radius: var(--mx-r-md); background: var(--mx-surface); font-size: var(--mx-fs-sm); color: var(--mx-ink-2); }
.mx-track-note .mx-icon { flex: none; color: var(--mx-brand-ink); }

/* Pager */
.mx-acc-pager { display: flex; align-items: center; justify-content: space-between; gap: var(--mx-s3); }
.mx-acc-pager__info { font-size: var(--mx-fs-sm); color: var(--mx-muted); }
.mx-acc-pager .woocommerce-button--next { margin-inline-start: auto; }

/* ---------- Single order ---------- */
.mx-acc-back { display: inline-flex; align-items: center; gap: 4px; font-size: var(--mx-fs-sm); font-weight: 700; color: var(--mx-ink-2); text-decoration: none; }
.mx-acc-back:hover { color: var(--mx-ink); text-decoration: underline; }
.mx-acc__main > .mx-acc-back + .mx-order { margin-top: var(--mx-s3); }
.mx-order__facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--mx-s3); margin: var(--mx-s5) 0 0; padding: var(--mx-s4) 0 0; border-top: 1px solid var(--mx-line-2); }
.mx-order__facts div { display: flex; flex-direction: column; gap: 2px; }
.mx-order__facts dt { font-size: var(--mx-fs-sm); color: var(--mx-muted); }
.mx-order__facts dd { margin: 0; font-weight: 700; }
.mx-order--single .mx-order__actions { margin-top: var(--mx-s4); }

.mx-timeline { position: relative; margin: 0; padding: 0; list-style: none; }
.mx-timeline__item { position: relative; padding-inline-start: 28px; padding-bottom: var(--mx-s4); }
.mx-timeline__item::before { content: ""; position: absolute; inset-inline-start: 5px; top: 8px; width: 12px; height: 12px; border-radius: 50%; background: var(--mx-brand); }
.mx-timeline__item:not(:last-child)::after { content: ""; position: absolute; inset-inline-start: 10px; top: 24px; bottom: 0; width: 2px; background: var(--mx-line); }
.mx-timeline__time { display: block; font-size: var(--mx-fs-sm); color: var(--mx-muted); }
.mx-timeline__text p { margin: 4px 0 0; }


.mx-acc-help { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mx-s3) var(--mx-s4); padding: var(--mx-s5); border-radius: var(--mx-r-lg); background: var(--mx-surface); }
.mx-acc-help__icon { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 50%; background: #fff; color: var(--mx-brand-ink); }
.mx-acc-help p { flex: 1 1 220px; margin: 0; }

/* ---------- Addresses, account details (WooCommerce templates) ---------- */
.woocommerce-MyAccount-content > p:first-child:not([class]) { margin: 0; color: var(--mx-ink-2); }
.woocommerce-Addresses { display: grid; gap: var(--mx-s4); margin-top: var(--mx-s4); }
@media (min-width: 700px) { .woocommerce-Addresses { grid-template-columns: 1fr 1fr; } }
.woocommerce-Addresses .woocommerce-Address { width: auto; float: none; padding: var(--mx-s5); border: 1px solid var(--mx-line); border-radius: var(--mx-r-lg); background: #fff; }
.woocommerce-Address-title { display: flex; justify-content: space-between; align-items: center; gap: var(--mx-s2); }
.woocommerce-Address-title h2, .woocommerce-Address-title h3 { margin: 0; font-size: var(--mx-fs-lg); }
.woocommerce-Address-title .edit { display: inline-flex; align-items: center; min-height: 36px; padding: 4px 12px; border: 1px solid var(--mx-line); border-radius: var(--mx-r-pill); font-size: var(--mx-fs-sm); font-weight: 700; text-decoration: none; color: var(--mx-ink); }
.woocommerce-Address-title .edit:hover { border-color: var(--mx-ink); }
.woocommerce-Address address { margin-top: var(--mx-s3); font-style: normal; line-height: 1.8; color: var(--mx-ink-2); }

.woocommerce-address-fields, .woocommerce-EditAccountForm { max-width: 760px; padding: var(--mx-s5); border: 1px solid var(--mx-line); border-radius: var(--mx-r-lg); background: #fff; }
@media (min-width: 600px) { .woocommerce-address-fields, .woocommerce-EditAccountForm { padding: var(--mx-s6); } }
.woocommerce-address-fields__field-wrapper::after, .woocommerce-EditAccountForm::after { content: ""; display: table; clear: both; }
.woocommerce-MyAccount-content form > h2, .woocommerce-MyAccount-content form > h3 { margin-top: 0; font-size: var(--mx-fs-h3); }
.woocommerce-EditAccountForm fieldset { margin: var(--mx-s4) 0; padding: var(--mx-s5); border: 1px solid var(--mx-line-2); border-radius: var(--mx-r-md); background: var(--mx-surface); }
.woocommerce-EditAccountForm legend { padding: 0 var(--mx-s2); font-weight: 700; }
.woocommerce-EditAccountForm #account_display_name_description { display: block; margin-top: 4px; font-size: var(--mx-fs-sm); color: var(--mx-muted); }
.woocommerce-MyAccount-content form .button[type="submit"], .woocommerce-MyAccount-content form button[name="save_address"], .woocommerce-MyAccount-content form button[name="save_account_details"] { min-width: 200px; }
.woocommerce-MyAccount-content input[type="email"], .woocommerce-MyAccount-content input[type="tel"] { direction: ltr; text-align: end; }

/* Saved payment methods */
.woocommerce-MyAccount-paymentMethods { width: 100%; border: 1px solid var(--mx-line); border-radius: var(--mx-r-lg); border-collapse: separate; border-spacing: 0; overflow: hidden; }
.woocommerce-MyAccount-paymentMethods th, .woocommerce-MyAccount-paymentMethods td { padding: 12px 14px; text-align: start; border-bottom: 1px solid var(--mx-line-2); }
.woocommerce-MyAccount-paymentMethods thead th { background: var(--mx-surface); font-size: var(--mx-fs-sm); }
.woocommerce-MyAccount-paymentMethods .button { min-height: 34px; padding: 4px 12px; font-size: var(--mx-fs-sm); margin: 2px; }
.woocommerce-MyAccount-content > .button, .woocommerce-MyAccount-content > a.button { margin-top: var(--mx-s4); }

/* TeraWallet and the wishlist use their own markup; keep them inside the column. */
.woocommerce-MyAccount-content .woo-wallet-my-wallet-container { max-width: 100%; border-radius: var(--mx-r-lg); overflow: hidden; }
.woocommerce-MyAccount-content table:not(.shop_table):not(.woocommerce-MyAccount-paymentMethods) { width: 100%; }

/* ---------- Logged out: login / register ---------- */
.woocommerce-account:not(.logged-in) .mx-account-head { text-align: center; }
.woocommerce-account:not(.logged-in) .mx-account-head .mx-breadcrumbs__list { justify-content: center; }
.mx-auth { display: grid; gap: var(--mx-s5); max-width: 1040px; margin-inline: auto; }
@media (min-width: 900px) { .mx-auth { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 0; align-items: stretch; border: 1px solid var(--mx-line); border-radius: var(--mx-r-lg); overflow: hidden; background: #fff; } }
.mx-auth__intro { order: 2; padding: var(--mx-s6); border-radius: var(--mx-r-lg); background: var(--mx-surface); }
@media (min-width: 900px) { .mx-auth__intro { order: 0; display: flex; flex-direction: column; justify-content: center; padding: var(--mx-s10); border-radius: 0; background: var(--mx-ink); color: #fff; } }
.mx-auth__eyebrow { margin: 0 0 var(--mx-s2); font-size: var(--mx-fs-sm); font-weight: 700; color: var(--mx-brand-ink); }
.mx-auth__title { margin: 0 0 var(--mx-s5); font-size: var(--mx-fs-h3); }
@media (min-width: 900px) {
	.mx-auth__eyebrow { color: var(--mx-brand); }
	.mx-auth__title { color: #fff; font-size: var(--mx-fs-h2); }
}
.mx-auth__points { display: grid; gap: var(--mx-s3); margin: 0; padding: 0; list-style: none; }
.mx-auth__points li { display: flex; align-items: center; gap: var(--mx-s3); line-height: 1.5; }
.mx-auth__point-icon { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 50%; background: #fff; color: var(--mx-brand-ink); }
@media (min-width: 900px) { .mx-auth__point-icon { background: rgb(255 255 255 / 10%); color: var(--mx-brand); } }

.mx-auth__card { padding: var(--mx-s5); border: 1px solid var(--mx-line); border-radius: var(--mx-r-lg); background: #fff; }
@media (min-width: 600px) { .mx-auth__card { padding: var(--mx-s8); } }
@media (min-width: 900px) { .mx-auth__card { border: 0; border-radius: 0; padding: var(--mx-s10); } }
.mx-auth__tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin-bottom: var(--mx-s6); padding: 4px; border-radius: var(--mx-r-md); background: var(--mx-surface); }
.mx-auth__tabs[hidden] { display: none; }
.mx-auth__tabs button { min-height: 44px; border: 0; border-radius: var(--mx-r-sm); background: none; font-weight: 700; color: var(--mx-ink-2); cursor: pointer; }
.mx-auth__tabs button[aria-selected="true"] { background: #fff; color: var(--mx-ink); box-shadow: var(--mx-shadow-sm); }
.mx-auth__panel + .mx-auth__panel { margin-top: var(--mx-s8); padding-top: var(--mx-s8); border-top: 1px solid var(--mx-line); }
.mx-auth.is-tabbed .mx-auth__panel + .mx-auth__panel, .is-tabbed .mx-auth__panel + .mx-auth__panel { margin-top: 0; padding-top: 0; border-top: 0; }
.mx-auth__panel-title { margin: 0 0 var(--mx-s5); font-size: var(--mx-fs-h3); }
.is-tabbed .mx-auth__panel-title { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.mx-auth__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--mx-s2); margin-bottom: var(--mx-s4); font-size: var(--mx-fs-sm); }
.mx-auth__row label { display: inline-flex; align-items: center; gap: var(--mx-s2); cursor: pointer; }
.mx-auth__row a, .mx-auth__switch a { font-weight: 700; color: var(--mx-brand-ink); }
.mx-auth__switch { margin: var(--mx-s4) 0 0; text-align: center; font-size: var(--mx-fs-sm); color: var(--mx-ink-2); }
.mx-auth__hint, .mx-auth .woocommerce-privacy-policy-text { font-size: var(--mx-fs-sm); color: var(--mx-muted); }
.mx-auth .woocommerce-form-login, .mx-auth .woocommerce-form-register { margin: 0; padding: 0; border: 0; }
.mx-auth .form-row:last-of-type { margin-bottom: 0; }
.mx-auth input[type="email"] { text-align: end; }

/* Password visibility toggle (button added by WooCommerce's script) */
.password-input { position: relative; display: block; }
.password-input input { padding-inline-end: 48px; }
.show-password-input {
	position: absolute; inset-inline-end: 6px; top: 50%; transform: translateY(-50%);
	width: 38px; height: 38px; padding: 0; border: 0; border-radius: var(--mx-r-sm); background: none; color: var(--mx-muted); cursor: pointer;
}
.show-password-input::before {
	content: ""; display: block; width: 20px; height: 20px; margin: auto; background: currentColor;
	-webkit-mask: var(--mx-eye) center / contain no-repeat; mask: var(--mx-eye) center / contain no-repeat;
	--mx-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}
.show-password-input.display-password::before { --mx-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4l16 16'/%3E%3Cpath d='M9.9 5.8A9.8 9.8 0 0 1 12 5.5c6 0 9.5 6.5 9.5 6.5a17 17 0 0 1-2.9 3.7M6.5 7.3A17 17 0 0 0 2.5 12S6 18.5 12 18.5a9.5 9.5 0 0 0 4-.9'/%3E%3Cpath d='M9.9 9.9a3 3 0 0 0 4.2 4.2'/%3E%3C/svg%3E"); }
.show-password-input:hover { color: var(--mx-ink); background: var(--mx-surface); }

/* Lost / reset password */
.woocommerce-ResetPassword { max-width: 560px; margin-inline: auto; padding: var(--mx-s6); border: 1px solid var(--mx-line); border-radius: var(--mx-r-lg); background: #fff; }
@media (min-width: 600px) { .woocommerce-ResetPassword { padding: var(--mx-s8); } }
.woocommerce-ResetPassword > p:first-child { margin-top: 0; color: var(--mx-ink-2); }
.woocommerce-ResetPassword .woocommerce-form-row--first, .woocommerce-ResetPassword .woocommerce-form-row--last { width: 100%; float: none; }
.woocommerce-ResetPassword .button { width: 100%; }
.woocommerce-account:not(.logged-in) .woocommerce-message, .woocommerce-account:not(.logged-in) .woocommerce-info, .woocommerce-account:not(.logged-in) .woocommerce-error { max-width: 1040px; margin-inline: auto; }