/* Account and password-reset screens: scoped so storefront forms are untouched. */
body.woocommerce-account .woocommerce {
	max-width: 820px;
	margin-inline: auto;
	padding: 48px 24px 64px;
}

body.woocommerce-account .woocommerce > h2 {
	margin: 0 auto 18px;
	color: var(--nirsha-espresso, #201713);
	font-size: clamp(1.7rem, 3vw, 2.1rem);
	line-height: 1.2;
	text-align: center;
}

body.woocommerce-account .nrs-account-intro {
	max-width: 650px;
	margin: 0 auto 22px;
	color: var(--nrs-muted, #77695d);
	text-align: center;
}

body.woocommerce-account .nrs-account-intro p { margin: 0; }

body.woocommerce-account .nrs-account-intro .nrs-account-eyebrow {
	margin-bottom: 7px;
	color: var(--nirsha-gold-ink, #8c6529);
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}

body.woocommerce-account .woocommerce form.login,
body.woocommerce-account .woocommerce form.register,
body.woocommerce-account .woocommerce form.woocommerce-ResetPassword {
	box-sizing: border-box;
	width: min(100%, 700px);
	max-width: 700px;
	margin: 0 auto;
	padding: clamp(22px, 4vw, 38px);
	background: var(--nirsha-card, #fffdf9);
	border: 1px solid var(--nirsha-border, #e8d9c6);
	border-radius: 18px;
	box-shadow: 0 16px 42px rgba(49, 31, 23, .08);
}

body.woocommerce-account .woocommerce form.login .form-row,
body.woocommerce-account .woocommerce form.woocommerce-ResetPassword .form-row {
	float: none;
	width: 100%;
	margin: 0 0 20px;
}

body.woocommerce-account .woocommerce form.login .password-input {
	display: block;
	width: 100% !important;
	max-width: 100%;
}

body.woocommerce-account .woocommerce form.login input.input-text,
body.woocommerce-account .woocommerce form.woocommerce-ResetPassword input.input-text {
	box-sizing: border-box;
	width: 100% !important;
	max-width: 100%;
	min-height: 54px;
	padding: 13px 16px;
	background: #fff;
	border: 1px solid var(--nirsha-border, #e8d9c6);
	border-radius: 10px;
	color: var(--nirsha-espresso, #201713);
}

body.woocommerce-account .woocommerce form.login input.input-text:focus,
body.woocommerce-account .woocommerce form.woocommerce-ResetPassword input.input-text:focus {
	border-color: var(--nirsha-gold, #b8893b);
	box-shadow: 0 0 0 3px rgba(184, 137, 59, .18);
	outline: none;
}

body.woocommerce-account .woocommerce form.login label,
body.woocommerce-account .woocommerce form.woocommerce-ResetPassword label {
	display: block;
	margin-bottom: 8px;
	color: var(--nirsha-espresso, #201713);
	font-weight: 600;
}

body.woocommerce-account .woocommerce form.login .form-row:last-of-type {
	margin-bottom: 0;
}

body.woocommerce-account .woocommerce form.login .woocommerce-form-login__submit,
body.woocommerce-account .woocommerce form.woocommerce-ResetPassword button.button,
body.woocommerce-account .nrs-account-back .button {
	min-height: 52px;
	padding: 14px 26px;
	background: var(--nirsha-cocoa, #3b241b);
	border: 1px solid var(--nirsha-cocoa, #3b241b);
	border-radius: 10px;
	color: #fffaf3;
	font-weight: 700;
}

body.woocommerce-account .woocommerce form.login .woocommerce-form-login__submit:hover,
body.woocommerce-account .woocommerce form.woocommerce-ResetPassword button.button:hover,
body.woocommerce-account .nrs-account-back .button:hover {
	background: var(--nirsha-gold-dark, #8c6529);
	border-color: var(--nirsha-gold-dark, #8c6529);
	color: #fff;
}

body.woocommerce-account .nrs-account-back {
	margin: 18px auto 0;
	text-align: center;
}

body.woocommerce-account .woocommerce-LostPassword a {
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}

body.woocommerce-account .nrs-account-guest-note {
	margin: 20px 0 0;
	padding-top: 16px;
	border-top: 1px solid var(--nirsha-border, #e8d9c6);
	color: var(--nrs-muted, #77695d);
	font-size: .95rem;
}

@media (max-width: 600px) {
	body.woocommerce-account .woocommerce { padding: 30px 16px 42px; }
	body.woocommerce-account .woocommerce form.login,
	body.woocommerce-account .woocommerce form.register,
	body.woocommerce-account .woocommerce form.woocommerce-ResetPassword {
		padding: 22px 18px;
		border-radius: 14px;
	}
	body.woocommerce-account .woocommerce form.login .woocommerce-form-login__submit,
	body.woocommerce-account .woocommerce form.woocommerce-ResetPassword button.button,
	body.woocommerce-account .nrs-account-back .button { width: 100%; }
}

/* --- Compact page-title banner on account pages only (theme default is 110px top/bottom = ~300px). Homepage and category banners are untouched. --- */
body.woocommerce-account #pagetitle.page-title {
	padding-top: 52px;
	padding-bottom: 52px;
}

body.woocommerce-account #pagetitle.page-title h1.page-title {
	margin: 0;
	font-size: clamp(1.9rem, 4vw, 2.6rem);
	line-height: 1.15;
}

@media (max-width: 782px) {
	body.woocommerce-account #pagetitle.page-title {
		padding-top: 34px;
		padding-bottom: 34px;
	}
}

/* --- Active sidebar item: the cocoa background applies, but the parent theme's
   '#primary ... li.is-active > a { color: inherit }' (theme.css, ID-weighted) beats
   the base rule and leaves the text dark on dark. Force readable ivory on the active
   link (and its hover/focus) so contrast holds; other items are untouched. --- */
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a,
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a:hover,
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a:focus {
	color: #FFFDF7 !important;
}
