/* ==========================================================================
   MediMix — account.css (My Account, login/register, lost password)
   Endpoints come from WooCommerce and plugins (TeraWallet, wishlist, WC Cancel
   Order…); the layout does not assume a fixed list.
   ========================================================================== */

.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; }

/* Logged in: navigation + content */
.woocommerce-account .mx-account-page .woocommerce { display: grid; gap: var(--mx-s6); }
@media (min-width: 900px) {
	.woocommerce-account .mx-account-page .woocommerce:has(> .woocommerce-MyAccount-navigation) { grid-template-columns: 260px minmax(0, 1fr); align-items: start; }
	.woocommerce-MyAccount-navigation { position: sticky; top: 150px; }
}
.woocommerce-MyAccount-navigation ul { margin: 0; padding: var(--mx-s2); list-style: none; border: 1px solid var(--mx-line); border-radius: var(--mx-r-lg); background: #fff; }
.woocommerce-MyAccount-navigation-link a { display: flex; align-items: center; gap: var(--mx-s2); min-height: 44px; padding: 8px 12px; border-radius: var(--mx-r-md); text-decoration: none; font-weight: 500; color: var(--mx-ink-2); }
.woocommerce-MyAccount-navigation-link a:hover { background: var(--mx-surface); color: var(--mx-ink); }
.woocommerce-MyAccount-navigation-link.is-active a { background: var(--mx-ink); color: #fff; }
.woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--mx-error); }
@media (max-width: 899px) {
	.woocommerce-MyAccount-navigation ul { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
	.woocommerce-MyAccount-navigation ul::-webkit-scrollbar { display: none; }
	.woocommerce-MyAccount-navigation-link a { white-space: nowrap; }
}
.woocommerce-MyAccount-content { min-width: 0; }
.woocommerce-MyAccount-content > p:first-child { padding: var(--mx-s5); border-radius: var(--mx-r-lg); background: var(--mx-surface); }
.woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content h3 { font-size: var(--mx-fs-h3); }

/* Orders table */
.woocommerce-orders-table .button, .woocommerce-MyAccount-content .shop_table .button { min-height: 36px; padding: 6px 12px; font-size: var(--mx-fs-sm); margin: 2px; }
.woocommerce-orders-table__cell-order-status { font-weight: 700; }
.shop_table { width: 100%; border: 1px solid var(--mx-line); border-radius: var(--mx-r-lg); border-collapse: separate; border-spacing: 0; overflow: hidden; }
.shop_table th, .shop_table td { padding: 12px 14px; text-align: start; border-bottom: 1px solid var(--mx-line-2); }
.shop_table thead th { background: var(--mx-surface); font-size: var(--mx-fs-sm); }
@media (max-width: 767px) {
	.shop_table_responsive thead { display: none; }
	.shop_table_responsive tr { display: block; padding: var(--mx-s3); border-bottom: 1px solid var(--mx-line); }
	.shop_table_responsive td, .shop_table_responsive th { display: flex; justify-content: space-between; gap: var(--mx-s3); padding: 6px 0; border: 0; }
	.shop_table_responsive td[data-title]::before { content: attr(data-title); color: var(--mx-muted); font-size: var(--mx-fs-sm); }
}

/* Addresses */
.woocommerce-Addresses { display: grid; gap: var(--mx-s4); }
@media (min-width: 600px) { .woocommerce-Addresses { grid-template-columns: 1fr 1fr; } }
.woocommerce-Address { padding: var(--mx-s5); border: 1px solid var(--mx-line); border-radius: var(--mx-r-lg); }
.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; }
.woocommerce-Address address { font-style: normal; line-height: 1.8; margin-top: var(--mx-s3); }
.woocommerce-address-fields, .woocommerce-EditAccountForm { max-width: 720px; }
.woocommerce-EditAccountForm fieldset { margin: var(--mx-s6) 0; padding: var(--mx-s5); border: 1px solid var(--mx-line); border-radius: var(--mx-r-lg); }
.woocommerce-EditAccountForm legend { padding: 0 var(--mx-s2); font-weight: 700; }

/* Logged out: WAWP fast login + WooCommerce login/register */
.woocommerce-account:not(.logged-in) .mx-account-page .mx-account-head { text-align: center; }
.woocommerce-account:not(.logged-in) .mx-account-page .mx-breadcrumbs ol { justify-content: center; }
.wawp-fast-login-container { max-width: 520px; margin: 0 auto var(--mx-s6); font-family: var(--mx-font); }
.wawp-fast-login-container input { font-family: var(--mx-font); }
#customer_login { display: grid; gap: var(--mx-s5); max-width: 980px; margin-inline: auto; }
@media (min-width: 900px) { #customer_login.col2-set { grid-template-columns: 1fr 1fr; } }
#customer_login .u-column1, #customer_login .u-column2 { width: auto; float: none; }
.woocommerce-form-login, .woocommerce-form-register, .woocommerce-ResetPassword {
	padding: var(--mx-s6); border: 1px solid var(--mx-line); border-radius: var(--mx-r-lg); background: #fff;
}
.woocommerce-ResetPassword { max-width: 560px; margin-inline: auto; }
.woocommerce-form-login__rememberme { display: inline-flex; align-items: center; gap: var(--mx-s2); margin-inline-end: var(--mx-s3); }
.woocommerce-form-login__submit, .woocommerce-form-register__submit { width: 100%; margin-top: var(--mx-s2); }
.woocommerce-LostPassword { margin-top: var(--mx-s3); font-size: var(--mx-fs-sm); }
.password-input { position: relative; display: block; }
.show-password-input { position: absolute; inset-inline-end: 8px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border: 0; background: none; }
.show-password-input::before { content: "👁"; font-size: 16px; }

/* TeraWallet screens use their own markup; keep them inside the column. */
.woocommerce-MyAccount-content .woo-wallet-my-wallet-container { max-width: 100%; }