/* ============================================================
   MONSTERS OF TYPE — My Account / Login
   Template: template-my-account.php (is_account_page)
   Accent: --mot-vibrant-orange (Foundry / commerce)
   ============================================================ */

html.mot-template main.mot-account .mot-account__inner {
	width: 100%;
	max-width: var(--mot-max);
	margin-inline: auto;
	padding-inline: var(--mot-gutter);
	padding-top: clamp(2.5rem, 3.5vw, 4rem);
	padding-bottom: clamp(6rem, 12vw, 10rem);
}

html.mot-template body.mot-account-page {
	--global-palette-highlight: var(--mot-muted);
	--global-palette-highlight-alt: var(--mot-muted);
}

.mot-account__header {
	margin-bottom: clamp(2rem, 4vw, 3rem);
}

.mot-account__eyebrow {
	margin: 0 0 0.75rem;
	color: var(--mot-vibrant-orange);
}

.mot-account__title {
	margin: 0;
	font-family: var(--mot-display);
	font-size: clamp(2.75rem, 6vw, 5rem);
	line-height: 1.05;
	letter-spacing: -0.03em;
	color: var(--mot-white);
}

.mot-account__lede,
.mot-account__intro {
	margin: 1rem 0 0;
	max-width: min(100%, 55ch);
	font-size: clamp(0.9375rem, 1.3vw, 1.0625rem);
	line-height: 1.65;
	color: var(--mot-light-gray);
}

.mot-account__intro p:last-child {
	margin-bottom: 0;
}

html.mot-template main.mot-account .mot-account__body {
	min-width: 0;
	padding-block: clamp(1.5rem, 3vw, 2.5rem);
}

.mot-account__notices {
	margin-bottom: 1.5rem;
}

.mot-account__back {
	margin: clamp(2rem, 4vw, 3rem) 0 0;
	padding-top: clamp(1.5rem, 3vw, 2rem);
	border-top: 1px solid var(--mot-border);
}

.mot-account__layout,
.mot-account__layout > .woocommerce {
	width: 100%;
	max-width: 100%;
}

/* Block my-account must not duplicate shortcode output */
body.mot-account-page .wp-block-woocommerce-my-account {
	display: none !important;
}

/* ─── Notices — beat Kadence palette8 grey boxes (guest + logged-in) */
body.mot-account-page .woocommerce-message,
body.mot-account-page .woocommerce-info,
body.mot-account-page .woocommerce-notices-wrapper .woocommerce-message,
body.mot-account-page .woocommerce-notices-wrapper .woocommerce-info,
body.mot-account-page .mot-account__layout .woocommerce-message,
body.mot-account-page .mot-account__layout .woocommerce-info,
body.mot-account-page .woocommerce-MyAccount-content .woocommerce-message,
body.mot-account-page .woocommerce-MyAccount-content .woocommerce-info {
	margin: 0 0 1.25rem !important;
	padding: 0.75rem 1rem 0.75rem 2.5rem !important;
	min-height: 0 !important;
	background: var(--mot-dark) !important;
	border: 1px solid var(--mot-border) !important;
	border-left: 3px solid var(--mot-vibrant-orange) !important;
	border-radius: 0 !important;
	color: var(--mot-off-white) !important;
	box-shadow: none !important;
	list-style: none;
}

/* Errors — high visibility (password mismatch, validation, etc.) */
body.mot-account-page .woocommerce-error,
body.mot-account-page ul.woocommerce-error,
body.mot-account-page .woocommerce-notices-wrapper .woocommerce-error,
body.mot-account-page .mot-account__layout .woocommerce-error,
body.mot-account-page .woocommerce-MyAccount-content .woocommerce-error,
body.mot-account-page .woocommerce-MyAccount-content ul.woocommerce-error,
body.mot-account-page .mot-account__notices .woocommerce-error,
body.mot-account-page .mot-account__notices ul.woocommerce-error {
	margin: 0 0 clamp(1.25rem, 2.5vw, 1.75rem) !important;
	padding: 1rem 1.25rem 1rem 2.75rem !important;
	min-height: 0 !important;
	background: color-mix(in srgb, var(--mot-error) 14%, transparent) !important;
	border: 1px solid var(--mot-error) !important;
	border-left: 4px solid var(--mot-error) !important;
	border-radius: 0 !important;
	color: var(--mot-white) !important;
	font-size: 0.9375rem !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
	box-shadow: none !important;
	list-style: none;
}

body.mot-account-page .woocommerce-message::before,
body.mot-account-page .woocommerce-info::before {
	color: var(--mot-vibrant-orange) !important;
}

body.mot-account-page .woocommerce-error::before {
	color: var(--mot-error) !important;
}

body.mot-account-page ul.woocommerce-error li {
	margin: 0 !important;
	padding: 0 !important;
	color: var(--mot-white) !important;
	font-weight: 500 !important;
	background: transparent !important;
	border: none !important;
}

body.mot-account-page ul.woocommerce-error li + li {
	margin-top: 0.5rem !important;
}

body.mot-account-page.logged-in .woocommerce-MyAccount-content > .woocommerce-error,
body.mot-account-page.logged-in .woocommerce-MyAccount-content > ul.woocommerce-error {
	margin-bottom: clamp(1.5rem, 3vw, 2rem) !important;
}

/* ─── Login / register (guest) — open layout, no panel boxes ─ */
body.mot-account-page #customer_login {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(2.5rem, 5vw, 3.5rem);
	margin: 0;
	max-width: min(100%, 52rem);
}

body.mot-account-page #customer_login::before,
body.mot-account-page #customer_login::after {
	display: none;
}

body.mot-account-page #customer_login .col-1,
body.mot-account-page #customer_login .col-2,
body.mot-account-page .woocommerce-form-login,
body.mot-account-page .woocommerce-form-register {
	float: none !important;
	width: 100% !important;
	max-width: min(100%, 22rem);
	margin: 0;
	padding: 0;
	background: transparent !important;
	border: none !important;
	box-sizing: border-box;
}

body.mot-account-page .woocommerce-ResetPassword {
	float: none !important;
	width: 100% !important;
	margin: 0;
	padding: 0;
	background: transparent !important;
	border: none !important;
	box-sizing: border-box;
}

body.mot-account-page #customer_login .col-1 > h2,
body.mot-account-page #customer_login .col-2 > h2 {
	margin: 0 0 1.5rem;
	padding: 0;
	border: none;
	font-family: var(--mot-eyebrow);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--mot-muted) !important;
}

body.mot-account-page #customer_login .col-2 > h2 {
	color: var(--mot-vibrant-orange) !important;
}

@media (min-width: 900px) {
	body.mot-account-page #customer_login.col2-set {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: clamp(2rem, 4vw, 3rem);
	}

	body.mot-account-page #customer_login .col-1,
	body.mot-account-page #customer_login .col-2 {
		max-width: none;
	}

	body.mot-account-page #customer_login .col-2 {
		padding-left: clamp(2rem, 4vw, 3rem);
		border-left: 1px solid rgba(255, 255, 255, 0.08);
	}
}

@media (max-width: 899px) {
	body.mot-account-page #customer_login .col-2 {
		padding-top: clamp(2rem, 4vw, 2.5rem);
		border-top: 1px solid rgba(255, 255, 255, 0.08);
	}
}

/* Lost password — wider field for long emails */
body.mot-account-page .woocommerce-ResetPassword.lost_reset_password {
	max-width: min(100%, 40rem);
}

body.mot-account-page .woocommerce-ResetPassword.lost_reset_password .form-row-wide,
body.mot-account-page .woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row {
	width: 100%;
	max-width: 100%;
}

body.mot-account-page .woocommerce-ResetPassword.lost_reset_password input.input-text {
	width: 100% !important;
	max-width: 100% !important;
}

/* Password strength meter (reset password + account details) */
body.mot-account-page .woocommerce-password-strength,
body.mot-account-page #password_strength {
	font-family: var(--mot-sans) !important;
	font-size: 0.8125rem !important;
	font-weight: 500 !important;
	line-height: 1.45 !important;
	color: var(--mot-black) !important;
	-webkit-text-fill-color: var(--mot-black) !important;
	background-color: rgba(255, 140, 80, 0.45) !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0.5rem 0.75rem !important;
	margin: 0.5rem 0 0 !important;
	text-align: left !important;
	box-shadow: none !important;
}

body.mot-account-page .woocommerce-password-strength.short,
body.mot-account-page .woocommerce-password-strength.bad,
body.mot-account-page #password_strength.short,
body.mot-account-page #password_strength.bad {
	background-color: #f0a88a !important;
	color: var(--mot-black) !important;
}

body.mot-account-page .woocommerce-password-strength.good,
body.mot-account-page .woocommerce-password-strength.strong,
body.mot-account-page #password_strength.good,
body.mot-account-page #password_strength.strong {
	background-color: var(--mot-vibrant-orange) !important;
	color: var(--mot-black) !important;
}

body.mot-account-page .woocommerce-password-hint {
	margin: 0.5rem 0 0;
	font-size: 0.6875rem;
	line-height: 1.55;
	color: var(--mot-muted) !important;
}

body.mot-account-page .woocommerce-password-hint strong {
	color: var(--mot-off-white);
	font-weight: 600;
}

/* ─── Logged-in: cancel Kadence floats; nav row above dashboard ─ */
body.mot-account-page.logged-in .mot-account__layout,
body.mot-account-page.logged-in .mot-account__layout > .woocommerce,
body.mot-account-page.logged-in .woocommerce-MyAccount-navigation,
body.mot-account-page.logged-in .woocommerce-MyAccount-content,
body.mot-account-page.logged-in .account-navigation-wrap {
	background: transparent !important;
	box-shadow: none !important;
}

body.mot-account-page.logged-in .mot-account__layout > .woocommerce {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	gap: 0 !important;
	clear: both !important;
}

body.mot-account-page.logged-in .woocommerce-MyAccount-navigation,
body.mot-account-page.logged-in .woocommerce-MyAccount-content {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	box-sizing: border-box;
}

body.mot-account-page.logged-in .account-navigation-wrap {
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 0 clamp(1.25rem, 2.5vw, 1.75rem) !important;
	border: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Kadence shows display name above nav — duplicates dashboard “Hello …” */
body.mot-account-page.logged-in .kadence-account-avatar,
body.mot-account-page.logged-in .kadence-customer-image,
body.mot-account-page.logged-in .account-navigation-wrap .kadence-customer-name {
	display: none !important;
}

body.mot-account-page.logged-in .woocommerce-MyAccount-navigation ul,
body.mot-account-page.logged-in .account-navigation-wrap ul {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0.65rem 1.75rem !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.mot-account-page.logged-in .woocommerce-MyAccount-navigation li,
body.mot-account-page.logged-in .account-navigation-wrap li {
	margin: 0 !important;
	border: none !important;
}

body.mot-account-page.logged-in .woocommerce-MyAccount-navigation a,
body.mot-account-page.logged-in .account-navigation-wrap li a {
	display: inline-block !important;
	padding: 0.5rem 0 !important;
	margin: 0 !important;
	font-family: var(--mot-sans);
	font-size: 0.8125rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none !important;
	color: var(--mot-muted) !important;
	background: transparent !important;
	border: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: 2px solid transparent !important;
	transition: color var(--mot-dur) var(--mot-ease), border-color var(--mot-dur) var(--mot-ease);
}

body.mot-account-page.logged-in .woocommerce-MyAccount-navigation a:hover,
body.mot-account-page.logged-in .woocommerce-MyAccount-navigation a:focus-visible,
body.mot-account-page.logged-in .account-navigation-wrap li a:hover,
body.mot-account-page.logged-in .account-navigation-wrap li a:focus-visible {
	color: var(--mot-white) !important;
}

body.mot-account-page.logged-in .woocommerce-MyAccount-navigation li.is-active a,
body.mot-account-page.logged-in .account-navigation-wrap li.is-active a {
	color: var(--mot-vibrant-orange) !important;
	border-bottom-color: var(--mot-vibrant-orange) !important;
	font-weight: 600 !important;
}

body.mot-account-page.logged-in .woocommerce-MyAccount-content {
	padding-top: clamp(2rem, 4vw, 3rem) !important;
	max-width: min(100%, 52rem);
}

body.mot-account-page.logged-in .woocommerce-MyAccount-content .woocommerce-message,
body.mot-account-page.logged-in .woocommerce-MyAccount-content .woocommerce-info,
body.mot-account-page.logged-in .woocommerce-MyAccount-content .woocommerce-error {
	margin-bottom: clamp(1.5rem, 3vw, 2rem) !important;
}

/* Inline field validation (edit address, login, etc.) */
body.mot-account-page .checkout-inline-error-message,
body.mot-account-page .woocommerce form .form-row.woocommerce-invalid .description,
body.mot-account-page .woocommerce form .form-row.woocommerce-invalid-required-field .description,
body.mot-account-page .wc-block-components-validation-error,
body.mot-account-page .wc-block-components-validation-error p {
	display: block;
	margin: 0.4rem 0 0 !important;
	padding: 0 !important;
	font-family: var(--mot-sans) !important;
	font-size: 0.8125rem !important;
	font-weight: 500 !important;
	line-height: 1.45 !important;
	color: var(--mot-error) !important;
	background: transparent !important;
	border: none !important;
}

body.mot-account-page .woocommerce form .form-row.woocommerce-invalid label,
body.mot-account-page .woocommerce form .form-row.woocommerce-invalid-required-field label {
	color: var(--mot-error) !important;
}

html.mot-template body.mot-account-page .woocommerce form .form-row.woocommerce-invalid input,
html.mot-template body.mot-account-page .woocommerce form .form-row.woocommerce-invalid-required-field input,
html.mot-template body.mot-account-page .woocommerce form .form-row.woocommerce-invalid select,
html.mot-template body.mot-account-page .woocommerce form .form-row.woocommerce-invalid-required-field select,
html.mot-template body.mot-account-page .woocommerce form .form-row.woocommerce-invalid textarea,
html.mot-template body.mot-account-page .woocommerce form .form-row.woocommerce-invalid-required-field textarea {
	border-bottom-color: var(--mot-error) !important;
}

body.mot-account-page .woocommerce-MyAccount-navigation {
	float: none !important;
	width: auto !important;
}

body.mot-account-page .woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
	background: transparent;
}

body.mot-account-page .woocommerce-MyAccount-navigation li {
	margin: 0 0 0.35rem;
	border: none;
}

body.mot-account-page .woocommerce-MyAccount-navigation a {
	display: block;
	padding: 0.35rem 0;
	font-family: var(--mot-sans);
	font-size: 0.8125rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none !important;
	color: var(--mot-muted) !important;
	background: transparent !important;
	transition: color var(--mot-dur) var(--mot-ease);
}

body.mot-account-page .woocommerce-MyAccount-navigation a:hover,
body.mot-account-page .woocommerce-MyAccount-navigation a:focus-visible {
	color: var(--mot-white) !important;
}

body.mot-account-page .woocommerce-MyAccount-navigation li.is-active a {
	color: var(--mot-vibrant-orange) !important;
}

body.mot-account-page .woocommerce-MyAccount-content {
	float: none !important;
	width: auto !important;
	min-width: 0;
	padding: 0;
	background: transparent !important;
	border: none;
	box-sizing: border-box;
}

body.mot-account-page .woocommerce-MyAccount-content h2,
body.mot-account-page .woocommerce-MyAccount-content h3 {
	margin: 0 0 1rem;
	font-family: var(--mot-display);
	font-size: clamp(1.5rem, 3vw, 2rem);
	line-height: 1.15;
	color: var(--mot-white);
}

body.mot-account-page .woocommerce-MyAccount-content p,
body.mot-account-page .woocommerce-MyAccount-content li {
	color: var(--mot-light-gray);
}

/* Dashboard — greeting + links (not forms/tables) */
body.mot-account-page.logged-in .woocommerce-MyAccount-content:not(:has(.woocommerce-EditAccountForm)):not(:has(.woocommerce-orders-table)):not(:has(.woocommerce-table)) {
	max-width: min(100%, 42rem);
}

body.mot-account-page.logged-in .woocommerce-MyAccount-content > p {
	max-width: min(100%, 52ch);
	margin: 0;
	line-height: 1.65;
}

body.mot-account-page.logged-in .woocommerce-MyAccount-content > p:first-of-type {
	margin-bottom: 1.25rem;
	font-size: clamp(1.0625rem, 1.5vw, 1.1875rem);
	color: var(--mot-off-white);
}

body.mot-account-page.logged-in .woocommerce-MyAccount-content > p:nth-of-type(2) {
	font-size: clamp(0.9375rem, 1.3vw, 1.0625rem);
	color: var(--mot-muted);
	line-height: 1.7;
}

body.mot-account-page.logged-in .woocommerce-MyAccount-content strong {
	color: var(--mot-white);
	font-weight: 600;
}

/* Account details + password forms */
body.mot-account-page.logged-in .woocommerce-MyAccount-content:has(.woocommerce-EditAccountForm) {
	max-width: min(100%, 40rem);
}

body.mot-account-page .woocommerce-EditAccountForm.edit-account {
	margin: 0;
}

body.mot-account-page .woocommerce-EditAccountForm fieldset {
	border: none;
	margin: 0;
	padding: 0;
	min-width: 0;
}

body.mot-account-page .woocommerce-EditAccountForm fieldset + fieldset {
	margin-top: clamp(2.5rem, 5vw, 3.5rem);
	padding-top: clamp(2rem, 4vw, 2.75rem);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

body.mot-account-page .woocommerce-EditAccountForm legend {
	display: block;
	width: 100%;
	margin: 0 0 clamp(1.25rem, 2.5vw, 1.75rem);
	padding: 0 0 0.75rem;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	font-family: var(--mot-eyebrow);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--mot-muted) !important;
}

body.mot-account-page .woocommerce-EditAccountForm .woocommerce-form-row,
body.mot-account-page .woocommerce-EditAccountForm .form-row {
	float: none !important;
	width: 100% !important;
	clear: none !important;
	margin: 0 0 clamp(1.5rem, 3vw, 2rem) !important;
}

@media (min-width: 640px) {
	body.mot-account-page .woocommerce-EditAccountForm fieldset:first-of-type {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: clamp(1.5rem, 3vw, 2rem);
		align-items: start;
	}

	body.mot-account-page .woocommerce-EditAccountForm fieldset:first-of-type legend {
		grid-column: 1 / -1;
	}

	body.mot-account-page .woocommerce-EditAccountForm fieldset:first-of-type .form-row-first {
		grid-column: 1;
	}

	body.mot-account-page .woocommerce-EditAccountForm fieldset:first-of-type .form-row-last {
		grid-column: 2;
	}

	body.mot-account-page .woocommerce-EditAccountForm fieldset:first-of-type > p:not(.form-row-first):not(.form-row-last),
	body.mot-account-page .woocommerce-EditAccountForm fieldset:first-of-type > span {
		grid-column: 1 / -1;
	}
}

body.mot-account-page #account_display_name_description,
body.mot-account-page .woocommerce-EditAccountForm em {
	display: block;
	margin: -0.75rem 0 clamp(1.25rem, 2.5vw, 1.75rem);
	font-size: 0.6875rem;
	font-style: normal;
	line-height: 1.55;
	color: var(--mot-muted) !important;
}

body.mot-account-page .woocommerce-EditAccountForm button[type="submit"],
body.mot-account-page .woocommerce-EditAccountForm .button {
	margin-top: clamp(0.5rem, 2vw, 1rem) !important;
}


/* ─── Forms & fields ─────────────────────────────────────── */
body.mot-account-page .woocommerce form .form-row label,
body.mot-account-page .woocommerce fieldset legend {
	font-family: var(--mot-sans);
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--mot-off-white) !important;
}

body.mot-account-page .woocommerce form .form-row .required {
	color: var(--mot-vibrant-orange);
}

html.mot-template body.mot-account-page .woocommerce input.input-text,
html.mot-template body.mot-account-page .woocommerce input[type="email"],
html.mot-template body.mot-account-page .woocommerce input[type="password"],
html.mot-template body.mot-account-page .woocommerce input[type="text"],
html.mot-template body.mot-account-page .woocommerce input[type="tel"],
html.mot-template body.mot-account-page .woocommerce textarea,
html.mot-template body.mot-account-page .woocommerce select {
	width: 100%;
	padding: 0.5rem 0;
	font-family: var(--mot-sans);
	font-size: 1rem;
	color: var(--mot-off-white) !important;
	-webkit-text-fill-color: var(--mot-off-white) !important;
	caret-color: var(--mot-off-white);
	background-color: var(--mot-dark) !important;
	border: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transition: border-color var(--mot-dur) var(--mot-ease);
}

/* Beat browser/password-manager autofill (light bg + invisible off-white text) */
html.mot-template body.mot-account-page .woocommerce input.input-text:-webkit-autofill,
html.mot-template body.mot-account-page .woocommerce input.input-text:-webkit-autofill:hover,
html.mot-template body.mot-account-page .woocommerce input.input-text:-webkit-autofill:focus,
html.mot-template body.mot-account-page .woocommerce input[type="email"]:-webkit-autofill,
html.mot-template body.mot-account-page .woocommerce input[type="email"]:-webkit-autofill:hover,
html.mot-template body.mot-account-page .woocommerce input[type="email"]:-webkit-autofill:focus,
html.mot-template body.mot-account-page .woocommerce input[type="password"]:-webkit-autofill,
html.mot-template body.mot-account-page .woocommerce input[type="password"]:-webkit-autofill:hover,
html.mot-template body.mot-account-page .woocommerce input[type="password"]:-webkit-autofill:focus,
html.mot-template body.mot-account-page .woocommerce input[type="text"]:-webkit-autofill,
html.mot-template body.mot-account-page .woocommerce input[type="text"]:-webkit-autofill:hover,
html.mot-template body.mot-account-page .woocommerce input[type="text"]:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1000px var(--mot-dark) inset !important;
	box-shadow: 0 0 0 1000px var(--mot-dark) inset !important;
	-webkit-text-fill-color: var(--mot-off-white) !important;
	color: var(--mot-off-white) !important;
	caret-color: var(--mot-off-white);
	transition: background-color 99999s ease-out 0s;
}

html.mot-template body.mot-account-page .woocommerce input:-moz-autofill,
html.mot-template body.mot-account-page .woocommerce input:-moz-autofill-preview {
	box-shadow: 0 0 0 1000px var(--mot-dark) inset !important;
	-moz-text-fill-color: var(--mot-off-white) !important;
	color: var(--mot-off-white) !important;
}

html.mot-template body.mot-account-page .woocommerce input:focus,
html.mot-template body.mot-account-page .woocommerce textarea:focus,
html.mot-template body.mot-account-page .woocommerce select:focus {
	outline: none !important;
	border-bottom-color: var(--mot-vibrant-orange) !important;
}

html.mot-template body.mot-account-page .woocommerce input::placeholder,
html.mot-template body.mot-account-page .woocommerce textarea::placeholder {
	color: var(--mot-muted) !important;
	opacity: 1 !important;
}

body.mot-account-page .woocommerce form .form-row {
	margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
}

body.mot-account-page .woocommerce form .form-row:last-child {
	margin-bottom: 0;
}

body.mot-account-page .woocommerce-EditAccountForm .password-input,
body.mot-account-page .woocommerce-EditAccountForm input.input-text {
	width: 100% !important;
	max-width: 100% !important;
}

html.mot-template body.mot-account-page .woocommerce form .password-input,
html.mot-template body.mot-account-page .woocommerce-ResetPassword .password-input {
	position: relative;
	display: block;
	width: 100%;
}

html.mot-template body.mot-account-page .woocommerce form .password-input input[type="password"],
html.mot-template body.mot-account-page .woocommerce form .password-input input[type="text"],
html.mot-template body.mot-account-page .woocommerce-ResetPassword .password-input input[type="password"],
html.mot-template body.mot-account-page .woocommerce-ResetPassword .password-input input[type="text"] {
	padding-right: 2.75rem !important;
	color: var(--mot-off-white) !important;
	-webkit-text-fill-color: var(--mot-off-white) !important;
	caret-color: var(--mot-off-white);
	background-color: var(--mot-dark) !important;
}

body.mot-account-page .woocommerce form .show-password-input {
	position: absolute !important;
	right: 0 !important;
	top: 50% !important;
	transform: translateY(-50%);
	z-index: 2;
	width: 2.25rem;
	height: 2.25rem;
	padding: 0 !important;
	margin: 0 !important;
	color: var(--mot-muted) !important;
	background: transparent !important;
	border: none !important;
	cursor: pointer;
}

body.mot-account-page .woocommerce form .show-password-input:hover {
	color: var(--mot-vibrant-orange) !important;
}

body.mot-account-page .woocommerce-form-login__remember {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

body.mot-account-page .woocommerce-form-login__remember input {
	width: auto;
	accent-color: var(--mot-vibrant-orange);
}

body.mot-account-page .woocommerce-form-login__remember span {
	color: var(--mot-light-gray);
	font-size: 0.875rem;
}

body.mot-account-page .woocommerce-LostPassword {
	font-size: 0.875rem;
	color: var(--mot-muted);
}

/* Register — fine print + room before submit */
body.mot-account-page .woocommerce-form-register > p:not(.form-row) {
	margin: 0 0 0.5rem;
	font-size: 0.6875rem;
	line-height: 1.55;
	color: var(--mot-muted);
}

body.mot-account-page .woocommerce-form-register .woocommerce-privacy-policy-text,
body.mot-account-page .woocommerce-form-register .woocommerce-privacy-policy-text p {
	margin: 0 0 0.5rem;
	font-size: 0.6875rem !important;
	line-height: 1.55;
	color: var(--mot-muted);
}

body.mot-account-page .woocommerce-form-register .woocommerce-privacy-policy-text a {
	font-size: inherit;
}

body.mot-account-page .woocommerce-form-register > p:last-child {
	margin-top: clamp(1.5rem, 3vw, 2rem);
	margin-bottom: 0;
}

/* ─── Orders table ────────────────────────────────────────── */
body.mot-account-page .woocommerce-orders-table,
body.mot-account-page .woocommerce-table--order-details {
	width: 100%;
	border: none;
	border-collapse: collapse;
}

body.mot-account-page .woocommerce-orders-table th,
body.mot-account-page .woocommerce-orders-table td,
body.mot-account-page .woocommerce-table--order-details th,
body.mot-account-page .woocommerce-table--order-details td {
	padding: 0.75rem 0.5rem 0.75rem 0;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	color: var(--mot-light-gray) !important;
	background: transparent !important;
}

body.mot-account-page .woocommerce-orders-table thead th {
	font-size: 0.625rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--mot-muted) !important;
}

body.mot-account-page .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a {
	font-family: var(--mot-mono);
}

/* ─── Links ───────────────────────────────────────────────── */
html.mot-template body.mot-account-page .woocommerce a:not(.button):not(.woocommerce-MyAccount-navigation a),
html.mot-template body.mot-account-page .woocommerce a:not(.button):not(.woocommerce-MyAccount-navigation a):visited {
	color: var(--mot-vibrant-orange) !important;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

html.mot-template body.mot-account-page .woocommerce a:not(.button):not(.woocommerce-MyAccount-navigation a):hover,
html.mot-template body.mot-account-page .woocommerce a:not(.button):not(.woocommerce-MyAccount-navigation a):focus-visible {
	color: var(--mot-white) !important;
}

/* ─── Buttons ─────────────────────────────────────────────── */
html.mot-template body.mot-account-page a.button,
html.mot-template body.mot-account-page a.button:visited,
html.mot-template body.mot-account-page button.button,
html.mot-template body.mot-account-page input.button,
html.mot-template body.mot-account-page .button {
	-webkit-appearance: none;
	appearance: none;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	padding: 0.75rem 1.5rem !important;
	font-family: var(--mot-sans) !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	line-height: 1.2 !important;
	color: var(--mot-black) !important;
	background: var(--mot-vibrant-orange) !important;
	border: 1px solid var(--mot-vibrant-orange) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: background var(--mot-dur) var(--mot-ease),
	            color var(--mot-dur) var(--mot-ease),
	            border-color var(--mot-dur) var(--mot-ease);
}

html.mot-template body.mot-account-page a.button:hover,
html.mot-template body.mot-account-page a.button:focus,
html.mot-template body.mot-account-page a.button:focus-visible,
html.mot-template body.mot-account-page button.button:hover,
html.mot-template body.mot-account-page button.button:focus,
html.mot-template body.mot-account-page button.button:focus-visible,
html.mot-template body.mot-account-page input.button:hover,
html.mot-template body.mot-account-page input.button:focus,
html.mot-template body.mot-account-page input.button:focus-visible {
	color: var(--mot-black) !important;
	background: var(--mot-white) !important;
	border-color: var(--mot-white) !important;
}

/* Kadence / WC block buttons */
html.mot-template body.mot-account-page .wc-block-components-button,
html.mot-template body.mot-account-page .wp-block-woocommerce-my-account .wp-element-button {
	color: var(--mot-black) !important;
	background-color: var(--mot-vibrant-orange) !important;
	border: 1px solid var(--mot-vibrant-orange) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}