/* ============================================================
   Account authentication pages
   ============================================================ */
:root {
	/* Account pages reuse the nav theme palette (see assets/css/nav.css). */
	--nh-account-blue: var(--blue-500, #2b6cb0);
	--nh-account-blue-dark: #1a4971;
	--nh-account-blue-soft: rgba(43, 108, 176, .08);
	--nh-account-ink: var(--gray-900, #111827);
	--nh-account-muted: var(--gray-500, #6b7280);
	--nh-account-border: var(--gray-300, #d1d5db);
	--nh-account-surface: #ffffff;
	--nh-account-page: var(--gray-100, #f7f8fa);
}

/* The account template replaces the generic page title and article spacing. */
body.woocommerce-account #container,
body.woocommerce-account #content,
body.woocommerce-account article,
body.woocommerce-account .entry-content {
	background: var(--nh-account-page);
}

body.woocommerce-account article > header.header,
body.woocommerce-account .entry-links {
	display: none;
}

body.woocommerce-account .entry-content {
	padding: 0;
}

body.woocommerce-account .entry-content > .woocommerce {
	margin: 0;
}

body.woocommerce-account .entry-content > .woocommerce > .woocommerce-notices-wrapper {
	width: min(1450px, calc(100% - 2.5rem));
	margin: 0 auto;
	padding-top: clamp(1.5rem, 4vw, 3rem);
}

body.woocommerce-account .woocommerce-notices-wrapper:empty {
	display: none;
}

body.woocommerce-account .woocommerce-notices-wrapper ul,
.nh-account-auth__form-panel > .woocommerce-info,
.nh-account-auth__form-panel > .woocommerce-error,
.nh-account-auth__form-panel > .woocommerce-message {
	margin: 0;
}

.nh-account-auth__notices:not(:empty) {
	margin-bottom: 1.5rem;
}

/* The orders empty state keeps its explanatory notice but omits the shop CTA. */
.nh-account-orders-content .woocommerce-info .wc-forward {
	display: none;
}

.nh-account-auth {
	width: 100%;
	min-height: calc(100svh - var(--navbar-height, 64px));
	margin: 0;
	padding: var(--navbar-height, 64px) 0 0;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(28rem, .95fr);
	align-items: stretch;
	color: var(--nh-account-ink);
}

.nh-account-auth__visual,
.nh-account-auth__form-panel {
	position: relative;
	min-width: 0;
	border: 0;
}

.nh-account-auth__visual {
	display: flex;
	align-items: flex-end;
	min-height: calc(100svh - var(--navbar-height, 64px));
	padding: clamp(2.5rem, 6vw, 6rem);
	background: linear-gradient(145deg, #0d3f87 0%, #1558b8 52%, #2875d1 100%);
	color: #fff;
	overflow: hidden;
}

.nh-account-auth__visual::before,
.nh-account-auth__visual::after {
	content: '';
	position: absolute;
	pointer-events: none;
	border: 1px solid rgba(255, 255, 255, .22);
}

.nh-account-auth__visual::before {
	width: 72%;
	height: 72%;
	top: -20%;
	right: -18%;
	transform: rotate(24deg);
}

.nh-account-auth__visual::after {
	width: 52%;
	height: 52%;
	bottom: -18%;
	left: -18%;
	transform: rotate(-18deg);
}

.nh-account-auth__visual.has-image {
	background-color: #163f83;
}

.nh-account-auth__image,
.nh-account-auth__visual-shade {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.nh-account-auth__image {
	object-fit: cover;
	object-position: center;
}

.nh-account-auth__visual-shade {
	background: rgba(7, 35, 82, .3);
}

.nh-account-auth__visual-content {
	position: relative;
	z-index: 1;
	max-width: 30rem;
}

.nh-account-auth__eyebrow,
.nh-account-auth__heading > span {
	display: block;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .16em;
	line-height: 1.4;
	text-transform: uppercase;
}

.nh-account-auth__eyebrow {
	margin-bottom: 1.15rem;
	color: rgba(255, 255, 255, .78);
}

.nh-account-auth__visual h2 {
	max-width: 17em;
	font-size: clamp(2rem, 4vw, 3.25rem);
	font-weight: 700;
	line-height: 1.12;
	letter-spacing: .02em;
}

.nh-account-auth__visual p {
	max-width: 30rem;
	margin-top: 1.2rem;
	color: rgba(255, 255, 255, .84);
	font-size: 1rem;
	line-height: 1.8;
}

.nh-account-auth__benefits {
	margin-top: 2rem;
	display: grid;
	gap: .8rem;
}

.nh-account-auth__benefits li {
	position: relative;
	padding-left: 1.5rem;
	color: rgba(255, 255, 255, .9);
	font-size: .9rem;
	line-height: 1.5;
}

.nh-account-auth__benefits li::before {
	content: '';
	position: absolute;
	left: 0;
	top: .55em;
	width: .5rem;
	height: .5rem;
	border: 1px solid rgba(255, 255, 255, .9);
	transform: rotate(45deg);
}

.nh-account-auth__form-panel {
	position: relative;
	display: flex;
	align-items: center;
	min-height: calc(100svh - var(--navbar-height, 64px));
	padding: clamp(1.5rem, 4vw, 3rem);
	border-left: 1px solid var(--nh-account-border);
	background: #eef3f9;
	box-sizing: border-box;
	overflow: hidden;
	isolation: isolate;
}

.nh-account-auth__form-inner {
	position: relative;
	z-index: 1;
	width: min(100%, 36rem);
	max-width: 36rem;
	margin: 0 auto;
	padding: clamp(2rem, 4vw, 3.5rem);
	border: 1px solid #dbe4ef;
	border-radius: 12px;
	background: var(--nh-account-surface);
	box-shadow: 0 18px 45px rgba(26, 52, 86, .12);
	box-sizing: border-box;
}

.nh-account-auth__method-panel {
	margin-top: 1.25rem;
}

body.woocommerce-account .nh-account-auth form.nh-account-auth__form {
	margin-top: 1.25rem;
}

.nh-account-auth__phone-input,
.nh-account-auth__otp-input {
	display: flex;
	align-items: stretch;
	width: 100%;
	margin-top: .45rem;
}

.nh-account-auth__phone-input > span {
	display: inline-flex;
	align-items: center;
	padding: 0 .85rem;
	border: 1px solid var(--nh-account-border);
	border-right: 0;
	border-radius: 6px 0 0 6px;
	background: #f7f9fc;
	color: var(--nh-account-muted);
	font-size: .9375rem;
}

/* phone input inside flex row: higher-specificity selector avoids !important */
.nh-account-auth__phone-input input[type="tel"],
.nh-account-auth__otp-input input[type="text"] {
	margin-top: 0;
}

.nh-account-auth__phone-input input[type="tel"] {
	border-radius: 0 6px 6px 0;
}

.nh-account-auth__otp-input {
	gap: .65rem;
}

.nh-account-auth__otp-input input {
	min-width: 0;
	flex: 1 1 auto;
}

.nh-account-auth__send-code {
	flex: 0 0 auto;
	min-height: 3.1rem;
	padding: .65rem .85rem;
	border: 1px solid var(--nh-account-blue);
	border-radius: 6px;
	background: var(--nh-account-blue-soft);
	color: var(--nh-account-blue);
	font: inherit;
	font-size: .875rem;
	font-weight: 600;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.nh-account-auth__send-code:hover:not(:disabled),
.nh-account-auth__send-code:focus-visible:not(:disabled) {
	border-color: var(--nh-account-blue-dark);
	background: var(--nh-account-blue);
	color: #fff;
}

.nh-account-auth__send-code:disabled,
.nh-account-auth__phone-form button:disabled {
	border-color: #d9e0e9;
	background: #f1f4f8;
	color: #98a2b3;
	cursor: not-allowed;
}

.nh-account-auth__service-note,
.nh-account-auth__otp-status {
	color: var(--nh-account-muted);
	font-size: .8125rem;
	line-height: 1.6;
}

.nh-account-auth__service-note {
	display: none;
}

.nh-account-auth__otp-status {
	display: block;
	margin-top: .45rem;
}

.nh-account-auth__form-panel::before {
	content: '';
	position: absolute;
	right: -12rem;
	bottom: -12rem;
	width: 26rem;
	height: 26rem;
	border: 1px solid rgba(21, 88, 184, .14);
	border-radius: 50%;
	box-shadow:
		0 0 0 4.5rem rgba(21, 88, 184, .035),
		0 0 0 9rem rgba(21, 88, 184, .025);
	pointer-events: none;
	z-index: -1;
}

.nh-account-auth__form-panel::after {
	content: '';
	position: absolute;
	top: 12%;
	right: -5rem;
	width: 18rem;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(21, 88, 184, .16), transparent);
	box-shadow: 0 2.5rem 0 rgba(21, 88, 184, .06), 0 5rem 0 rgba(21, 88, 184, .035);
	transform: rotate(-32deg);
	pointer-events: none;
	z-index: -1;
}


.nh-account-auth__tabs {
	display: flex;
	gap: 1.75rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid var(--nh-account-border);
}

.nh-account-auth__tab {
	position: relative;
	padding: 0 0 .9rem;
	border: 0;
	background: transparent;
	color: var(--nh-account-muted);
	font: inherit;
	font-size: 1rem;
	font-weight: 600;
	cursor: pointer;
}

.nh-account-auth__tab::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 2px;
	background: transparent;
}

.nh-account-auth__tab[aria-selected="true"] {
	color: var(--nh-account-blue);
}

.nh-account-auth__tab[aria-selected="true"]::after {
	background: var(--nh-account-blue);
}

.nh-account-auth__tab:focus-visible,
.nh-account-auth__back:focus-visible,
.nh-account-auth .button:focus-visible,
.nh-account-auth input:focus-visible {
	outline: 3px solid rgba(21, 88, 184, .25);
	outline-offset: 3px;
}

.nh-account-auth__panel[hidden] {
	display: none;
}

.nh-account-auth__heading > span {
	margin-bottom: .8rem;
	color: var(--nh-account-blue);
}

.nh-account-auth__heading h1 {
	color: #333333;
	font-size: clamp(1.8rem, 3vw, 2.45rem);
	font-weight: 700;
	line-height: 1.2;
}

.nh-account-auth__heading p {
	margin-top: .65rem;
	max-width: 22rem;
	color: var(--nh-account-muted);
	font-size: .9375rem;
	line-height: 1.7;
}

body.woocommerce-account .nh-account-auth form.nh-account-auth__form {
	margin: 1.25rem 0 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.nh-account-auth .form-row,
.nh-account-auth .woocommerce-form-row {
	margin: 0 0 1.2rem;
	padding: 0;
}

.nh-account-auth label {
	color: var(--nh-account-ink);
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.5;
}

.nh-account-auth .required {
	color: #bd3f3f;
}

body.woocommerce-account .nh-account-auth input[type="text"],
body.woocommerce-account .nh-account-auth input[type="email"],
body.woocommerce-account .nh-account-auth input[type="tel"],
body.woocommerce-account .nh-account-auth input[type="password"] {
	width: 100%;
	min-height: 3.1rem;
	margin-top: .45rem;
	padding: .75rem .9rem;
	border: 1px solid var(--nh-account-border);
	border-radius: 4px;
	background: #fff;
	box-sizing: border-box;
	color: var(--nh-account-ink);
	font: inherit;
	font-size: .9375rem;
	line-height: 1.5;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.nh-account-auth__phone-input > span {
	box-sizing: border-box;
	height: 3.1rem;
	min-height: 3.1rem;
	margin-top: 0;
}

.nh-account-auth__phone-input input[type="tel"] {
	width: auto;
	height: 3.1rem;
	min-height: 3.1rem;
	flex: 1 1 auto;
	box-sizing: border-box;
	padding-block: .75rem;
}
.nh-account-auth__form-note {
	margin-bottom: 1rem;
}

body.woocommerce-account .nh-account-auth input[type="text"]:focus,
body.woocommerce-account .nh-account-auth input[type="email"]:focus,
body.woocommerce-account .nh-account-auth input[type="password"]:focus {
	border-color: var(--nh-account-blue);
	box-shadow: 0 0 0 3px rgba(21, 88, 184, .12);
	outline: 0;
}

.nh-account-auth .password-input {
	position: relative;
	display: block;
}

.nh-account-auth .password-input input {
	padding-right: 3rem;
}

.nh-account-auth .show-password-input {
	position: absolute;
	top: 50%;
	right: .75rem;
	width: 1.5rem;
	height: 1.5rem;
	margin: 0;
	padding: 0;
	transform: translateY(-50%);
	border: 0;
	background-color: transparent;
	color: var(--nh-account-muted);
	cursor: pointer;
}

.nh-account-auth .show-password-input::before {
	font-size: 1rem;
}

.nh-account-auth__form-options {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin: .25rem 0 1.5rem;
}

.nh-account-auth__form-options a,
.nh-account-auth__back {
	color: var(--nh-account-blue);
	font-size: .875rem;
	text-decoration: none;
}

.nh-account-auth__form-options a:hover,
.nh-account-auth__back:hover {
	color: var(--nh-account-blue-dark);
	text-decoration: underline;
}

.nh-account-auth .woocommerce-form-login__rememberme {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	margin: 0;
	font-weight: 400;
	cursor: pointer;
}

.nh-account-auth input[type="checkbox"] {
	width: 1rem;
	height: 1rem;
	margin: 0;
	accent-color: var(--nh-account-blue);
}

body.woocommerce-account .nh-account-auth button.button {
	width: 100%;
	min-height: 3.15rem;
	padding: .75rem 1.25rem;
	border: 1px solid var(--nh-account-blue);
	border-radius: 4px;
	background: var(--nh-account-blue);
	box-shadow: none;
	color: #fff;
	font: inherit;
	font-size: .9375rem;
	font-weight: 700;
	line-height: 1.4;
	text-shadow: none;
	cursor: pointer;
	transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

body.woocommerce-account .nh-account-auth button.button:hover {
	border-color: var(--nh-account-blue-dark);
	background: var(--nh-account-blue-dark);
	color: #fff;
}

body.woocommerce-account .nh-account-auth button.button:active {
	transform: translateY(1px);
}

.nh-account-auth__form-note {
	margin: -.25rem 0 1.3rem;
	color: var(--nh-account-muted);
	font-size: .875rem;
	line-height: 1.7;
}

.nh-account-auth label[for="reg_organization"],
.nh-account-auth label[for="reg_salutation"] {
	position: static !important;
	width: auto !important;
	height: auto !important;
	margin: 0;
	overflow: visible;
	clip: auto;
	clip-path: none;
	-webkit-clip-path: none !important;
}

.nh-account-auth label[for="reg_organization"],
.nh-account-auth label[for="reg_salutation"] {
	display: block;
	margin-bottom: .45rem;
}

.nh-account-auth .woocommerce-privacy-policy-text {
	margin: 1.4rem 0 1.2rem;
	padding: .8rem 1rem;
	border-left: 3px solid rgba(21, 88, 184, .55);
	background: rgba(21, 88, 184, .045);
	color: var(--nh-account-muted);
	font-size: .8125rem;
	line-height: 1.75;
}

.nh-account-auth .woocommerce-privacy-policy-text p {
	margin: 0;
}

.nh-account-auth .woocommerce-privacy-policy-text a {
	color: var(--nh-account-blue);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: .15em;
}

.nh-account-auth__back {
	display: inline-block;
	margin-bottom: 2.5rem;
}

body.woocommerce-account .nh-account-auth .wcrv-resend button.button {
	width: auto;
	min-height: 2.75rem;
	margin-top: .5rem;
	padding: .55rem .85rem;
	border: 1px solid var(--nh-account-blue);
	border-radius: 4px;
	background: transparent;
	color: var(--nh-account-blue);
	font-weight: 600;
	cursor: pointer;
}

body.woocommerce-account .nh-account-auth .wcrv-resend button.button:hover {
	border-color: var(--nh-account-blue);
	background: var(--nh-account-blue-soft);
	color: var(--nh-account-blue-dark);
}

@media (max-width: 900px) {
	.nh-account-auth {
		min-height: 0;
		grid-template-columns: 1fr;
		padding-top: var(--navbar-height, 64px);
	}

	.nh-account-auth__visual {
		display: none;
	}

	.nh-account-auth__form-panel {
		min-height: calc(100svh - var(--navbar-height, 64px));
		padding: 1rem;
		border-left: 0;
		background: #eef3f9;
		box-shadow: none;
	}

	.nh-account-auth__form-inner {
		max-width: 36rem;
		padding: clamp(2rem, 7vw, 3rem) clamp(1.25rem, 6vw, 2.5rem);
	}
}

@media (max-width: 600px) {
	body.woocommerce-account .entry-content > .woocommerce > .woocommerce-notices-wrapper,
	.nh-account-auth {
		width: 100%;
	}

	.nh-account-auth {
		padding-bottom: 0;
	}

	.nh-account-auth__form-panel {
		padding: .75rem;
	}

	.nh-account-auth__form-inner {
		padding: 1.5rem 1rem 2rem;
		border-radius: 10px;
	}

	.nh-account-auth__tabs {
		margin-bottom: 1.5rem;
	}

	.nh-account-auth__heading h1 {
		font-size: 1.8rem;
	}

	.nh-account-auth__otp-input {
		gap: .45rem;
	}

	.nh-account-auth__send-code {
		padding-inline: .65rem;
		font-size: .8125rem;
	}
}

/* ------------------------------------------------------------
   Compact auth card, hero image on the left (ACF managed)
   ------------------------------------------------------------ */
body.woocommerce-account .nh-account-auth {
	grid-template-columns: minmax(0, 1.1fr) minmax(30rem, .9fr);
	background: var(--nh-account-page);
}

/* WooCommerce core forces `img { height: auto }`; the hero must fill its column. */
body.woocommerce-account .nh-account-auth__visual img.nh-account-auth__image {
	height: 100%;
	width: 100%;
	max-width: none;
	object-fit: cover;
}

body.woocommerce-account .nh-account-auth__form-panel {
	background: var(--nh-account-page);
	border-left: 1px solid var(--nh-account-border);
}

body.woocommerce-account .nh-account-auth__form-inner {
	width: min(100%, 31.25rem);
	max-width: 31.25rem;
	padding: 2.25rem 2.25rem 2.5rem;
	border: 1px solid var(--nh-account-border);
	border-radius: 10px;
	background: var(--nh-account-surface);
	box-shadow: 0 2px 14px rgba(17, 24, 39, .07);
}

body.woocommerce-account .nh-account-auth__heading {
	text-align: center;
}

body.woocommerce-account .nh-account-auth__heading h1 {
	font-size: 1.35rem;
	font-weight: 500;
	letter-spacing: .18em;
}

/* Login method switch: 密码登录 / 短信登录 */
body.woocommerce-account .nh-account-auth__tabs {
	justify-content: center;
	gap: 2.75rem;
	margin: 1.5rem 0 1.25rem;
	border-bottom: 0;
}

body.woocommerce-account .nh-account-auth__tab {
	padding-bottom: .5rem;
	color: var(--gray-700, #374151);
	font-size: .9375rem;
	font-weight: 400;
}

body.woocommerce-account .nh-account-auth__tab[aria-selected="true"] {
	color: var(--nh-account-blue);
}

body.woocommerce-account .nh-account-auth__tab[aria-selected="true"]::after {
	background: var(--nh-account-blue);
}

/* Placeholder-driven fields: labels stay for assistive tech only. */
body.woocommerce-account .nh-account-auth__form label:not(.woocommerce-form__label-for-checkbox) {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	clip-path: inset(50%);
	overflow: hidden;
	white-space: nowrap;
}

body.woocommerce-account .nh-account-auth input[type="text"],
body.woocommerce-account .nh-account-auth input[type="email"],
body.woocommerce-account .nh-account-auth input[type="tel"],
body.woocommerce-account .nh-account-auth input[type="password"] {
	min-height: 3rem;
	margin-top: 0;
	border-radius: 6px;
}

body.woocommerce-account .nh-account-auth .form-row,
body.woocommerce-account .nh-account-auth .woocommerce-form-row {
	margin-bottom: 1rem;
}

body.woocommerce-account .nh-account-auth button.button {
	min-height: 2.9rem;
	margin-top: .35rem;
	border-radius: 999px;
	font-weight: 500;
}

/* 手机号验证 entry inside the register card. */
.nh-account-auth__phone-verification {
	margin: 0 0 1rem;
	padding: 1rem 1rem .25rem;
	border: 1px solid var(--nh-account-border);
	border-radius: 8px;
	background: var(--gray-50, #f9fafb);
}

.nh-account-auth__phone-verification legend {
	padding: 0 .4rem;
	color: var(--nh-account-ink);
	font-size: .8125rem;
	font-weight: 600;
}

.nh-account-auth__phone-verification .nh-account-auth__service-note,
.nh-account-auth__phone-form .nh-account-auth__service-note {
	display: block;
	margin: 0 0 .85rem;
}

/* Login <-> register switch row — must be block so it takes full width */
.nh-account-auth__switch {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	gap: 1rem;
 	width: 100%;
 	margin: calc(1.1rem + 5px) 0 0;
 	color: var(--nh-account-ink);
 	font-size: .875rem;
 	font-weight: 400;
 }
.nh-account-auth__switch--center {
	justify-content: center;
}

.nh-account-auth__switch a,
.nh-account-auth__link {
	color: var(--nh-account-blue);
	font-size: .875rem;
	text-decoration: none;
}

.nh-account-auth__link {
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}

.nh-account-auth__switch a:hover,
.nh-account-auth__link:hover {
	color: var(--nh-account-blue-dark);
	text-decoration: underline;
}

.nh-account-auth__link:focus-visible {
	outline: 3px solid rgba(43, 108, 176, .25);
	outline-offset: 3px;
}

#nh-auth-login .nh-account-auth__switch {
	margin-top: 2rem;
}

@media (max-width: 900px) {
	body.woocommerce-account .nh-account-auth {
		grid-template-columns: 1fr;
	}

	body.woocommerce-account .nh-account-auth__form-panel {
		border-left: 0;
	}
}

@media (max-width: 600px) {
	body.woocommerce-account .nh-account-auth__form-inner {
		padding: 1.75rem 1.25rem 2rem;
	}

	body.woocommerce-account .nh-account-auth__tabs {
		gap: 2rem;
	}
}
/* ============================================================
   Logged-in account center
   ============================================================ */
body.woocommerce-account.logged-in .entry-content > .woocommerce {
	min-height: calc(100svh - var(--navbar-height, 64px));
	padding-top: var(--navbar-height, 64px);
	color: var(--nh-account-ink);
}

body.woocommerce-account.logged-in .entry-content > .woocommerce > .woocommerce-notices-wrapper {
	padding-top: 1.5rem;
}

.nh-account-center {
	min-height: calc(100svh - var(--navbar-height, 64px));
	padding-bottom: clamp(3rem, 6vw, 5rem);
	background: var(--nh-account-page);
}

.nh-account-center__hero {
	position: relative;
	background: linear-gradient(110deg, #0b397b 0%, #1558b8 58%, #3279cb 100%);
	color: #fff;
	overflow: hidden;
}

.nh-account-center__hero::after {
	content: '';
	position: absolute;
	inset: 0 0 0 auto;
	width: 38%;
	background: linear-gradient(130deg, transparent 10%, rgba(255, 255, 255, .1) 100%);
	clip-path: polygon(38% 0, 100% 0, 100% 100%, 0 100%);
	pointer-events: none;
}

.nh-account-center__hero-inner {
	position: relative;
	z-index: 1;
	width: min(1450px, calc(100% - 2.5rem));
	min-height: 230px;
	margin: 0 auto;
	padding: clamp(2.5rem, 5vw, 4rem) 0;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 2rem;
}

.nh-account-center__eyebrow,
.nh-account-section-heading > div > span {
	display: block;
	margin-bottom: .7rem;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .08em;
}

.nh-account-center__eyebrow {
	color: #bbd7ff;
}

.nh-account-center__hero h1 {
	font-size: clamp(2rem, 4vw, 3.25rem);
	font-weight: 700;
	line-height: 1.15;
}

.nh-account-center__hero h1 + p {
	margin-top: .9rem;
	color: rgba(255, 255, 255, .76);
	font-size: .9375rem;
	line-height: 1.7;
}

.nh-account-center__welcome {
	min-width: 12rem;
	padding-left: 1.5rem;
	border-left: 1px solid rgba(255, 255, 255, .3);
}

.nh-account-center__welcome span,
.nh-account-center__welcome strong {
	display: block;
}

.nh-account-center__welcome span {
	margin-bottom: .45rem;
	color: #bbd7ff;
	font-size: .8125rem;
}

.nh-account-center__welcome strong {
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.4;
}

.nh-account-center__layout {
	width: min(1450px, calc(100% - 2.5rem));
	margin: -2rem auto 0;
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	align-items: start;
	gap: 1.5rem;
}

.nh-account-sidebar,
.nh-account-center__content {
	background: var(--nh-account-surface);
	border: 1px solid rgba(219, 227, 239, .9);
	box-shadow: 0 12px 32px rgba(29, 55, 90, .07);
}

.nh-account-sidebar {
	border-radius: 6px;
	overflow: hidden;
}

@media (min-width: 761px) {
	.nh-account-sidebar {
		position: sticky;
		top: calc(var(--navbar-height, 64px) + 1rem);
		align-self: start;
		max-height: calc(100svh - var(--navbar-height, 64px) - 1rem);
		overflow-x: hidden;
		overflow-y: auto;
	}
}

.nh-account-sidebar__profile {
	padding: 1.5rem;
	display: flex;
	align-items: center;
	gap: .85rem;
	border-bottom: 1px solid var(--nh-account-border);
}

.nh-account-sidebar__avatar {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: var(--nh-account-blue-soft);
}

.nh-account-sidebar__profile > div {
	min-width: 0;
}

.nh-account-sidebar__profile strong,
.nh-account-sidebar__profile span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nh-account-sidebar__profile strong {
	margin-bottom: .4rem;
	font-size: .9375rem;
	font-weight: 600;
}

.nh-account-sidebar__profile span {
	color: var(--nh-account-muted);
	font-size: .75rem;
}

.nh-account-sidebar__member-level {
	width: fit-content;
	margin-top: .45rem;
	padding: .2rem .5rem;
	border: 1px solid #cddffa;
	border-radius: 999px;
	background: var(--nh-account-blue-soft);
	color: var(--nh-account-blue) !important;
	font-size: .6875rem !important;
	font-weight: 600;
}


body.woocommerce-account .woocommerce-MyAccount-navigation {
	float: none;
	width: auto;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: .7rem 0;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 48px;
	padding: .75rem 1.5rem;
	color: #475467;
	font-size: .875rem;
	text-decoration: none;
	transition: color .2s ease, background .2s ease;
}

body.woocommerce-account .woocommerce-MyAccount-navigation .nh-account-sidebar__icon {
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
	margin-right: .65rem;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
	background: var(--nh-account-blue-soft);
	color: var(--nh-account-blue);
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background: var(--nh-account-blue);
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout {
	margin-top: .7rem;
	border-top: 1px solid var(--nh-account-border);
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a {
	color: #b54747;
}

.nh-account-center__content,
body.woocommerce-account .woocommerce-MyAccount-content {
	float: none;
	width: auto;
	min-width: 0;
}

.nh-account-center__content {
	min-height: 520px;
	padding: clamp(1.5rem, 3vw, 2.5rem);
	border-radius: 6px;
}

.nh-account-section-heading {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--nh-account-border);
}

.nh-account-section-heading > div > span {
	color: var(--nh-account-blue);
}

.nh-account-section-heading h2,
.nh-account-center__content > h2,
.nh-account-center__content form > h2 {
	color: #333333;
	font-size: clamp(1.4rem, 2.5vw, 1.8rem);
	font-weight: 700;
	line-height: 1.35;
}

.nh-account-section-heading > a,
.nh-account-dashboard__section-head > a {
	flex: 0 0 auto;
	color: var(--nh-account-blue);
	font-size: .8125rem;
	font-weight: 600;
	line-height: 1.5;
	text-decoration: none;
}

.nh-account-statuses {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 1.5rem 0;
	border: 1px solid var(--nh-account-border);
	border-radius: 6px;
	background: #fbfcfe;
}

.nh-account-status {
	position: relative;
	padding: 1.5rem 1rem;
	text-align: center;
	text-decoration: none;
}

.nh-account-status + .nh-account-status::before {
	content: '';
	position: absolute;
	left: 0;
	top: 1.1rem;
	bottom: 1.1rem;
	width: 1px;
	background: var(--nh-account-border);
}

.nh-account-status strong,
.nh-account-status span {
	display: block;
}

.nh-account-status strong {
	margin-bottom: .55rem;
	color: var(--nh-account-blue);
	font-size: 1.65rem;
	font-weight: 700;
}

.nh-account-status span {
	color: #475467;
	font-size: .8125rem;
}

.nh-account-dashboard__section {
	margin-top: 1.5rem;
	border: 1px solid var(--nh-account-border);
	border-radius: 6px;
}

.nh-account-dashboard__section-head {
	padding: 1.25rem 1.4rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	border-bottom: 1px solid var(--nh-account-border);
}

.nh-account-dashboard__section-head h3,
.nh-account-center__content .woocommerce-order-details__title,
.nh-account-center__content .woocommerce-customer-details h2 {
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.4;
}

.nh-account-dashboard__section-head p {
	margin-top: .35rem;
	color: var(--nh-account-muted);
	font-size: .8125rem;
	line-height: 1.5;
}

.nh-account-order-row {
	display: grid;
	grid-template-columns: 1.1fr 1fr 1fr 1fr;
	align-items: center;
	gap: 1rem;
	padding: 1rem 1.4rem;
	color: #344054;
	font-size: .8125rem;
	text-decoration: none;
	transition: background .2s ease;
}

.nh-account-order-row + .nh-account-order-row {
	border-top: 1px solid var(--nh-account-border);
}

.nh-account-order-row:hover {
	background: #f8faff;
}

.nh-account-order-row span,
.nh-account-order-row small {
	display: block;
}

.nh-account-order-row small {
	margin-bottom: .35rem;
	color: #98a2b3;
	font-size: .7rem;
}

.nh-account-order-row strong,
.nh-account-order-row em {
	font-style: normal;
	font-weight: 600;
}

.nh-account-order-row em {
	color: var(--nh-account-blue);
}

.nh-account-order-row__total {
	text-align: right;
}

.nh-account-empty {
	padding: 3rem 1.5rem;
	text-align: center;
}

.nh-account-empty strong {
	display: block;
	font-size: 1rem;
	font-weight: 600;
}

.nh-account-empty p {
	margin: .6rem 0 1.25rem;
	color: var(--nh-account-muted);
	font-size: .8125rem;
	line-height: 1.6;
}

.nh-account-quick-links {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	margin-top: 1.5rem;
}

.nh-account-quick-links a {
	position: relative;
	min-height: 112px;
	padding: 1.25rem 2.25rem 1.25rem 1.25rem;
	border: 1px solid var(--nh-account-border);
	border-radius: 6px;
	color: inherit;
	text-decoration: none;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.nh-account-quick-links a::after {
	content: '›';
	position: absolute;
	right: 1.1rem;
	top: 50%;
	transform: translateY(-50%);
	color: var(--nh-account-blue);
	font-size: 1.5rem;
}

.nh-account-quick-links a:hover {
	border-color: #afc7e9;
	box-shadow: 0 7px 18px rgba(21, 88, 184, .08);
}

.nh-account-quick-links strong,
.nh-account-quick-links span {
	display: block;
}

.nh-account-quick-links strong {
	margin-bottom: .55rem;
	font-size: .9375rem;
	font-weight: 600;
}

.nh-account-quick-links span {
	color: var(--nh-account-muted);
	font-size: .75rem;
	line-height: 1.6;
}

/* Shared WooCommerce endpoint content. */
.nh-account-center__content > p:first-child,
.nh-account-center__content > form + p {
	margin-top: 0;
}

.nh-account-center__content p {
	color: #475467;
	font-size: .875rem;
	line-height: 1.75;
}

.nh-account-center__content > p + p,
.nh-account-center__content > p + .u-columns,
.nh-account-center__content > h2 + form,
.nh-account-center__content > form,
.nh-account-center__content .woocommerce-order-details,
.nh-account-center__content .woocommerce-customer-details {
	margin-top: 1.5rem;
}

.nh-account-center__content a:not(.button) {
	color: var(--nh-account-blue);
}

body.woocommerce-account .nh-account-center__content .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: .65rem 1.1rem;
	border: 1px solid var(--nh-account-blue);
	border-radius: 4px;
	background: var(--nh-account-blue);
	color: #fff;
	font-size: .8125rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: background .2s ease, border-color .2s ease;
}

body.woocommerce-account .nh-account-center__content .button:hover {
	border-color: var(--nh-account-blue-dark);
	background: var(--nh-account-blue-dark);
}

.nh-account-center__content table.shop_table {
	width: 100%;
	margin: 0;
	border: 1px solid var(--nh-account-border);
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 6px;
	overflow: hidden;
	font-size: .8125rem;
}

.nh-account-center__content table.shop_table th,
.nh-account-center__content table.shop_table td {
	padding: 1rem;
	border: 0;
	border-bottom: 1px solid var(--nh-account-border);
	color: #344054;
	line-height: 1.55;
	text-align: left;
	vertical-align: middle;
}

.nh-account-center__content table.shop_table th {
	background: #f8fafc;
	color: #667085;
	font-weight: 600;
}

.nh-account-center__content table.shop_table tbody tr:last-child > * {
	border-bottom: 0;
}

.nh-account-center__content table.shop_table td.woocommerce-orders-table__cell-order-actions {
	white-space: nowrap;
}

.nh-account-center__content table.shop_table .button + .button {
	margin-left: .35rem;
}

.nh-account-center__content .woocommerce-pagination {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	margin-top: 1.25rem;
}

.nh-account-center__content .woocommerce-info,
.nh-account-center__content .woocommerce-message,
.nh-account-center__content .woocommerce-error {
	position: relative;
	margin: 0 0 1.5rem;
	padding: 1rem 1rem 1rem 1.25rem;
	border: 1px solid #c9d9ef;
	border-left: 3px solid var(--nh-account-blue);
	border-radius: 4px;
	background: #f4f8fe;
	color: #344054;
	font-size: .8125rem;
	line-height: 1.6;
	list-style: none;
}

.nh-account-center__content .woocommerce-info::before,
.nh-account-center__content .woocommerce-message::before,
.nh-account-center__content .woocommerce-error::before {
	display: none;
}

.nh-account-center__content .woocommerce-info .button,
.nh-account-center__content .woocommerce-message .button {
	float: right;
	margin: -.45rem 0 -.45rem 1rem;
}

.nh-account-center__content .u-columns.woocommerce-Addresses {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

.nh-account-center__content .u-columns.woocommerce-Addresses::before,
.nh-account-center__content .u-columns.woocommerce-Addresses::after {
	display: none;
}

.nh-account-center__content .u-columns.woocommerce-Addresses > .woocommerce-Address {
	float: none;
	width: auto;
	margin: 0;
	min-height: 190px;
	padding: 1.35rem;
	border: 1px solid var(--nh-account-border);
	border-radius: 6px;
}

.nh-account-center__content .woocommerce-Address-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1rem;
}

.nh-account-center__content .woocommerce-Address-title h2 {
	font-size: 1rem;
	font-weight: 700;
}

.nh-account-center__content .woocommerce-Address-title .edit {
	float: none;
	font-size: .8125rem;
	font-weight: 600;
}

.nh-account-center__content address {
	color: #667085;
	font-size: .8125rem;
	font-style: normal;
	line-height: 1.85;
}

.nh-account-center__content form .form-row {
	margin: 0 0 1.1rem;
}

.nh-account-center__content form .form-row-first,
.nh-account-center__content form .form-row-last {
	width: calc(50% - .5rem);
}

.nh-account-center__content form label {
	display: block;
	margin-bottom: .5rem;
	color: #344054;
	font-size: .8125rem;
	font-weight: 600;
	line-height: 1.45;
}

.nh-account-center__content form .required {
	color: #c24141;
}

.nh-account-center__content form input.input-text,
.nh-account-center__content form select,
.nh-account-center__content form textarea {
	width: 100%;
	min-height: 44px;
	padding: .7rem .85rem;
	border: 1px solid #d5dce6;
	border-radius: 4px;
	background: #fff;
	color: var(--nh-account-ink);
	font: inherit;
	font-size: .875rem;
	box-sizing: border-box;
}

.nh-account-center__content form textarea {
	min-height: 110px;
	resize: vertical;
}

.nh-account-center__content form input.input-text:focus,
.nh-account-center__content form select:focus,
.nh-account-center__content form textarea:focus {
	outline: 2px solid rgba(21, 88, 184, .14);
	border-color: var(--nh-account-blue);
}

.nh-account-center__content form fieldset {
	margin: 1.75rem 0;
	padding: 1.3rem;
	border: 1px solid var(--nh-account-border);
	border-radius: 6px;
}

.nh-account-center__content form legend {
	padding: 0 .5rem;
	font-size: .9375rem;
	font-weight: 700;
}

.nh-account-center__content #account_display_name_description {
	display: block;
	margin-top: .45rem;
	color: var(--nh-account-muted);
	font-size: .75rem;
	line-height: 1.5;
}

.nh-account-center__content .select2-container .select2-selection--single {
	height: 44px;
	border-color: #d5dce6;
	border-radius: 4px;
}

.nh-account-center__content .select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 42px;
}

.nh-account-center__content .select2-container .select2-selection--single .select2-selection__arrow {
	height: 42px;
}

.nh-account-center__content .woocommerce-order-details__title,
.nh-account-center__content .woocommerce-customer-details h2 {
	margin-bottom: 1rem;
}

.nh-account-center__content mark {
	padding: .15rem .35rem;
	border-radius: 3px;
	background: var(--nh-account-blue-soft);
	color: var(--nh-account-blue-dark);
}

.nh-account-center__content .woocommerce-customer-details address {
	padding: 1.25rem;
	border: 1px solid var(--nh-account-border);
	border-radius: 6px;
}

/* ============================================================
   Points: dashboard banner + 我的积分 endpoint (wc-points plugin)
   ============================================================ */
.nh-account-points-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1.5rem;
	padding: 1.25rem 1.4rem;
	border: 1px solid #cddffa;
	border-radius: 6px;
	background: linear-gradient(100deg, rgba(21, 88, 184, .07) 0%, rgba(50, 121, 203, .03) 100%);
	text-decoration: none;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.nh-account-points-banner:hover {
	border-color: var(--nh-account-blue);
	box-shadow: 0 7px 18px rgba(21, 88, 184, .08);
}

.nh-account-member-level-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1.5rem;
	padding: 1.25rem 1.4rem;
	border: 1px solid #d9c58c;
	border-radius: 6px;
	background: linear-gradient(100deg, rgba(183, 143, 39, .1) 0%, rgba(233, 211, 145, .08) 100%);
	text-decoration: none;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.nh-account-member-level-banner:hover {
	border-color: #b78f27;
	box-shadow: 0 7px 18px rgba(183, 143, 39, .12);
}

.nh-account-member-level-banner__value small,
.nh-account-member-level-banner__value strong,
.nh-account-member-level-banner__progress span {
	display: block;
}

.nh-account-member-level-banner__value small {
	margin-bottom: .35rem;
	color: #78692f;
	font-size: .75rem;
}

.nh-account-member-level-banner__value strong {
	color: #8d6b0f;
	font-size: 1.35rem;
	font-weight: 700;
	line-height: 1.1;
}

.nh-account-member-level-banner__progress {
	color: #78692f;
	font-size: .75rem;
	text-align: right;
}

.nh-account-member-level {
	--nh-member-gold: #b78f27;
}

.nh-account-member-level__current {
	margin-top: 1.5rem;
	padding: 1.5rem;
	border: 1px solid #d9c58c;
	border-radius: 6px;
	background: linear-gradient(115deg, rgba(183, 143, 39, .1), rgba(255, 255, 255, .9));
}

.nh-account-member-level__current-heading,
.nh-account-member-level__progress-copy,
.nh-account-member-level__next {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
}

.nh-account-member-level__current-heading > span,
.nh-account-member-level__progress-copy > span,
.nh-account-member-level__next > span {
	color: #78692f;
	font-size: .8125rem;
}

.nh-account-member-level__current-heading h3 {
	color: #8d6b0f;
	font-size: clamp(1.55rem, 3vw, 2.25rem);
	font-weight: 700;
}

.nh-account-member-level__progress-copy {
	margin-top: 1.25rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(183, 143, 39, .2);
}

.nh-account-member-level__progress-copy strong {
	color: var(--nh-account-ink);
	font-size: 1.25rem;
}

.nh-account-member-level__next {
	margin-top: 1rem;
}

.nh-account-member-level__next strong {
	color: var(--nh-member-gold);
	font-size: .875rem;
}

.nh-account-member-level__progress {
	height: .5rem;
	margin-top: .55rem;
	border-radius: 999px;
	background: rgba(183, 143, 39, .16);
	overflow: hidden;
}

.nh-account-member-level__progress span {
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #b78f27, #e1c66f);
}

.nh-account-member-level__highest,
.nh-account-member-level__benefits {
	margin-top: 1rem;
}

.nh-account-member-level__benefits {
	padding-top: 1rem;
	border-top: 1px solid rgba(183, 143, 39, .2);
	white-space: normal;
}

.nh-account-member-level__list {
	overflow: hidden;
}

.nh-account-member-level__table {
	display: grid;
}

.nh-account-member-level__row {
	display: grid;
	grid-template-columns: minmax(10rem, 1fr) minmax(9rem, .7fr) minmax(12rem, 1.5fr);
	align-items: center;
	gap: 1rem;
	padding: 1rem 1.4rem;
	border-top: 1px solid var(--nh-account-border);
	color: #344054;
}

.nh-account-member-level__row.is-current {
	background: rgba(183, 143, 39, .07);
}

.nh-account-member-level__row-title,
.nh-account-member-level__threshold small,
.nh-account-member-level__threshold strong {
	display: block;
}

.nh-account-member-level__row-title strong {
	font-size: .9375rem;
}

.nh-account-member-level__row-title span {
	display: inline-block;
	margin-top: .4rem;
	padding: .15rem .45rem;
	border-radius: 999px;
	background: var(--nh-account-blue-soft);
	color: var(--nh-account-blue);
	font-size: .6875rem;
}

.nh-account-member-level__threshold small {
	margin-bottom: .3rem;
	color: var(--nh-account-muted);
	font-size: .7rem;
}

.nh-account-member-level__threshold strong {
	font-size: .875rem;
}

.nh-account-member-level__row p {
	margin: 0;
	color: var(--nh-account-muted);
	font-size: .8125rem;
	white-space: normal;
}


.nh-account-points-banner__value small,
.nh-account-points-banner__value strong {
	display: block;
}

.nh-account-points-banner__value small {
	margin-bottom: .35rem;
	color: #667085;
	font-size: .75rem;
}

.nh-account-points-banner__value strong {
	color: var(--nh-account-blue);
	font-size: 1.65rem;
	font-weight: 700;
	line-height: 1.1;
}

.nh-account-points-banner__hint {
	color: var(--nh-account-muted);
	font-size: .75rem;
	text-align: right;
}

.nh-account-points__summary {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
	gap: 1rem;
	margin: 1.5rem 0;
}

.nh-account-points__card {
	padding: 1.35rem 1.25rem;
	border: 1px solid var(--nh-account-border);
	border-radius: 6px;
}

.nh-account-points__card.is-primary {
	border-color: #cddffa;
	background: var(--nh-account-blue-soft);
}

.nh-account-points__card span,
.nh-account-points__card strong {
	display: block;
}

.nh-account-points__card span {
	margin-bottom: .55rem;
	color: #667085;
	font-size: .75rem;
}

.nh-account-points__card strong {
	color: #344054;
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1.3;
}

.nh-account-points__card.is-primary strong {
	color: var(--nh-account-blue);
	font-size: 1.65rem;
	font-weight: 700;
	line-height: 1.1;
}

/* The wrapping section already draws the border and radius. */
.nh-account-center__content table.shop_table.nh-account-points__table {
	border: 0;
	border-radius: 0;
}

.nh-account-points__delta {
	color: #1a7f37;
	font-weight: 600;
}

.nh-account-points__delta.is-negative {
	color: #b32d2e;
}

.nh-account-points .woocommerce-pagination {
	padding: 1rem 1.4rem;
	border-top: 1px solid var(--nh-account-border);
}

.nh-account-points__description {
	margin-top: 1.5rem;
	padding: 1.25rem 1.4rem;
	border: 1px solid var(--nh-account-border);
	border-radius: 6px;
	background: #fff;
}

.nh-account-points__description h3 {
	margin: 0 0 .75rem;
	color: #344054;
	font-size: 1rem;
	line-height: 1.4;
}

.nh-account-points__description-content {
	color: var(--nh-account-muted);
	font-size: .875rem;
	line-height: 1.8;
}


.nh-account-points__description-content h4 {
	margin: 1rem 0 .5rem;
	color: #475467;
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.5;
}
.nh-account-points__description-content > :first-child {
	margin-top: 0;
}

.nh-account-points__description-content > :last-child {
	margin-bottom: 0;
}

.nh-account-points__description-content p,
.nh-account-points__description-content ul,
.nh-account-points__description-content ol {
	margin-bottom: .75rem;
}

.nh-account-points__description-content ul,
.nh-account-points__description-content ol {
	padding-left: 1.25rem;
}

.nh-account-points__description-content a {
	color: var(--nh-account-blue);
	text-decoration: underline;
}

.nh-account-points__description-content img {
	max-width: 100%;
	height: auto;
}

@media (max-width: 980px) {
	.nh-account-center__layout {
		grid-template-columns: 220px minmax(0, 1fr);
		gap: 1rem;
	}

	.nh-account-sidebar__profile {
		padding: 1.2rem;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation a {
		padding: .75rem 1.2rem;
	}

	.nh-account-quick-links {
		grid-template-columns: 1fr;
	}

	.nh-account-points__summary {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 760px) {
	body.woocommerce-account.logged-in .entry-content > .woocommerce {
		padding-top: var(--navbar-height, 64px);
	}

	.nh-account-center__hero-inner,
	.nh-account-center__layout {
		width: min(100% - 1.5rem, 42rem);
	}

	.nh-account-center__hero-inner {
		min-height: 180px;
		padding: 2rem 0 3rem;
		align-items: flex-start;
	}

	.nh-account-center__hero h1 {
		font-size: 2rem;
	}

	.nh-account-center__welcome {
		display: none;
	}

	.nh-account-center__layout {
		margin-top: -1.5rem;
		display: block;
	}

	.nh-account-sidebar {
		margin-bottom: 1rem;
	}

	.nh-account-sidebar__profile {
		padding: 1rem;
	}

	.nh-account-sidebar__avatar {
		width: 44px;
		height: 44px;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation {
		border-top: 1px solid var(--nh-account-border);
		overflow-x: auto;
		scrollbar-width: thin;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation ul {
		min-width: max-content;
		padding: 0;
		display: flex;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation li,
	body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout {
		margin: 0;
		border: 0;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation a {
		min-height: 46px;
		padding: .7rem 1rem;
		white-space: nowrap;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation .nh-account-sidebar__icon {
		display: none;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::after {
		left: .8rem;
		right: .8rem;
		top: auto;
		bottom: 0;
		width: auto;
		height: 2px;
	}

	.nh-account-center__content {
		min-height: 0;
		padding: 1.25rem;
	}

	.nh-account-statuses {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.nh-account-status:nth-child(3)::before {
		display: none;
	}

	.nh-account-status:nth-child(n + 3) {
		border-top: 1px solid var(--nh-account-border);
	}

	.nh-account-order-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.nh-account-order-row__total {
		text-align: left;
	}

	.nh-account-center__content .u-columns.woocommerce-Addresses {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	.nh-account-center__hero-inner,
	.nh-account-center__layout {
		width: calc(100% - 1rem);
	}

	.nh-account-center__hero-inner {
		min-height: 165px;
	}

	.nh-account-center__hero h1 + p {
		max-width: 18rem;
		font-size: .8125rem;
	}

	.nh-account-center__content {
		padding: 1rem;
	}

	.nh-account-section-heading,
	.nh-account-dashboard__section-head {
		display: block;
	}

	.nh-account-section-heading > a,
	.nh-account-dashboard__section-head > a {
		display: inline-block;
		margin-top: .8rem;
	}

	.nh-account-status {
		padding: 1.2rem .7rem;
	}

	.nh-account-order-row {
		padding: 1rem;
		gap: .85rem;
	}

	.nh-account-quick-links {
		gap: .75rem;
	}

	.nh-account-quick-links a {
		min-height: 94px;
		padding-block: 1rem;
	}


	.nh-account-member-level-banner {
		display: block;
	}

	.nh-account-member-level-banner__progress {
		margin-top: .7rem;
		text-align: left;
	}

	.nh-account-member-level__row {
		grid-template-columns: 1fr 1fr;
	}

	.nh-account-member-level__row p {
		grid-column: 1 / -1;
	}
	.nh-account-points-banner {
		display: block;
	}

	.nh-account-points-banner__hint {
		display: block;
		margin-top: .7rem;
		text-align: left;
	}

	.nh-account-points .woocommerce-pagination {
		padding: 1rem;
	}

	.nh-account-center__content table.shop_table_responsive thead {
		display: none;
	}

	.nh-account-center__content table.shop_table_responsive,
	.nh-account-center__content table.shop_table_responsive tbody,
	.nh-account-center__content table.shop_table_responsive tr,
	.nh-account-center__content table.shop_table_responsive th,
	.nh-account-center__content table.shop_table_responsive td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	.nh-account-center__content table.shop_table_responsive tr {
		padding: .6rem 0;
	}

	.nh-account-center__content table.shop_table_responsive tr + tr {
		border-top: 1px solid var(--nh-account-border);
	}

	.nh-account-center__content table.shop_table_responsive th,
	.nh-account-center__content table.shop_table_responsive td {
		padding: .55rem 1rem;
		border: 0;
		text-align: right;
	}

	.nh-account-center__content table.shop_table_responsive td::before {
		content: attr(data-title);
		float: left;
		margin-right: 1rem;
		color: #667085;
		font-weight: 600;
	}

	.nh-account-center__content table.shop_table_responsive td.woocommerce-orders-table__cell-order-actions {
		padding-top: .8rem;
		white-space: normal;
	}

	.nh-account-center__content table.shop_table_responsive td.woocommerce-orders-table__cell-order-actions::before {
		display: none;
	}

	.nh-account-center__content table.shop_table_responsive td.woocommerce-orders-table__cell-order-actions .button {
		width: 100%;
		margin: .25rem 0 0;
	}

	.nh-account-center__content form .form-row-first,
	.nh-account-center__content form .form-row-last {
		float: none;
		width: 100%;
	}

	.nh-account-center__content .woocommerce-info .button,
	.nh-account-center__content .woocommerce-message .button {
		float: none;
		margin: .8rem 0 0;
	}
}

/* Invoice information endpoint. */
.nh-account-invoice__note {
	margin: 0 0 1.5rem;
	padding: .9rem 1.1rem;
	border-left: 3px solid var(--nh-account-blue);
	border-radius: 0 4px 4px 0;
	background: var(--nh-account-blue-soft);
	color: #344054;
	font-size: .8125rem;
	line-height: 1.75;
}

.nh-account-invoice__tabs {
	display: flex;
	gap: .5rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid var(--nh-account-border);
}

.nh-account-invoice__tab {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	margin-bottom: -1px;
	padding: .75rem 1.1rem;
	border: 1px solid transparent;
	border-bottom: 2px solid transparent;
	border-radius: 4px 4px 0 0;
	background: none;
	color: var(--nh-account-muted);
	font: inherit;
	font-size: .875rem;
	font-weight: 600;
	cursor: pointer;
}

.nh-account-invoice__tab:hover {
	color: var(--nh-account-blue);
}

.nh-account-invoice__tab.is-active {
	border-bottom-color: var(--nh-account-blue);
	color: var(--nh-account-blue);
}

.nh-account-invoice__tab:focus-visible {
	outline: 2px solid rgba(21, 88, 184, .35);
	outline-offset: 2px;
}

.nh-account-invoice__tab-badge {
	padding: .1rem .45rem;
	border-radius: 999px;
	background: rgba(22, 133, 87, .12);
	color: #168557;
	font-size: .6875rem;
	font-weight: 600;
	line-height: 1.7;
}

.nh-account-invoice__panel:focus-visible {
	outline: none;
}

.nh-account-invoice__hint {
	margin: 0 0 1.25rem;
	color: var(--nh-account-muted);
	font-size: .8125rem;
	line-height: 1.7;
}

.nh-account-center__content .nh-account-invoice__fieldset {
	margin: 0 0 1.5rem;
	padding: 1.3rem 1.4rem .4rem;
}

.nh-account-invoice__fieldset-desc {
	margin: 0 0 1.2rem;
	color: var(--nh-account-muted);
	font-size: .75rem;
	line-height: 1.6;
}

.nh-account-invoice__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 1.1rem;
}

.nh-account-center__content .nh-account-invoice__row {
	margin: 0 0 1.1rem;
	width: auto;
}

.nh-account-invoice__row--wide {
	grid-column: 1 / -1;
}

.nh-account-invoice__description {
	display: block;
	margin-top: .4rem;
	color: var(--nh-account-muted);
	font-size: .75rem;
	line-height: 1.5;
}

.nh-account-invoice__actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .8rem 1rem;
}

.nh-account-invoice__actions-hint {
	color: var(--nh-account-muted);
	font-size: .75rem;
	line-height: 1.6;
}

@media (max-width: 600px) {
	.nh-account-invoice__grid {
		display: block;
	}

	.nh-account-invoice__tabs {
		gap: .25rem;
	}

	.nh-account-invoice__tab {
		flex: 1 1 auto;
		justify-content: center;
		padding: .7rem .5rem;
		font-size: .8125rem;
	}

	.nh-account-invoice__submit {
		width: 100%;
	}
}