/**
 * ==========================================================
 * CHACHA HOME — MY ACCOUNT UX V1.0
 * ==========================================================
 */


/**
 * ==========================================================
 * 01. PAGE
 * ==========================================================
 */

body.woocommerce-account {
	background:
		#F8F4EE;
}


body.woocommerce-account
.site-main {
	padding-top:
		42px;

	padding-bottom:
		80px;
}


body.woocommerce-account
.woocommerce {
	width:
		min(
			100%,
			1180px
		);

	margin:
		0
		auto;

	padding:
		0
		32px;

	box-sizing:
		border-box;
}


/**
 * ==========================================================
 * 02. INTRO
 * ==========================================================
 */

.chacha-account-intro {
	max-width:
		720px;

	margin:
		0
		auto
		48px;

	text-align:
		center;
}


.chacha-account-intro__eyebrow {
	margin:
		0
		0
		10px !important;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		9px;

	font-weight:
		700;

	line-height:
		1;

	letter-spacing:
		0.16em;

	text-transform:
		uppercase;

	color:
		#B08D57;
}


.chacha-account-intro__title {
	margin:
		0;

	font-family:
		var(--chacha-font-heading, "Cormorant Garamond", serif);

	font-size:
		clamp(
			46px,
			5vw,
			68px
		);

	font-weight:
		500;

	line-height:
		0.98;

	color:
		#201A17;
}


.chacha-account-intro__text {
	max-width:
		580px;

	margin:
		18px
		auto
		0 !important;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		13px;

	line-height:
		1.7;

	color:
		#6A5F58;
}


/**
 * ==========================================================
 * 03. CUSTOMER LOGIN GRID
 * ==========================================================
 */

body.woocommerce-account
#customer_login {
	display:
	grid;

	grid-template-columns:
		repeat(
			2,
			minmax(
				0,
				1fr
			)
		);

	gap:
		28px;

	align-items:
		stretch;
}


/**
 * Woo native columns
 */

body.woocommerce-account
#customer_login
.col-1,

body.woocommerce-account
#customer_login
.col-2 {
	float:
		none !important;

	width:
		100% !important;

	margin:
		0 !important;

	padding:
		32px;

	border:
		1px
		solid
		var(--chacha-border-soft);

	background:
		#FFFDFC;

	box-sizing:
		border-box;
}


/**
 * ==========================================================
 * 04. CARD HEADINGS
 * ==========================================================
 */

body.woocommerce-account
#customer_login
h2 {
	margin:
		0
		0
		14px;

	font-family:
		var(--chacha-font-heading, "Cormorant Garamond", serif);

	font-size:
		34px;

	font-weight:
		500;

	line-height:
		1.05;

	color:
		#201A17;
}


.chacha-account-card-intro {
	margin-bottom:
		24px;
}


.chacha-account-card-intro__eyebrow {
	margin:
		0
		0
		8px !important;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		8px;

	font-weight:
		700;

	line-height:
		1;

	letter-spacing:
		0.14em;

	text-transform:
		uppercase;

	color:
		#B08D57;
}


.chacha-account-card-intro__description {
	margin:
		0 !important;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		10px;

	line-height:
		1.65;

	color:
		#6A5F58;
}


/**
 * ==========================================================
 * 05. FORMS
 * ==========================================================
 */

body.woocommerce-account
#customer_login
form {
	margin:
		0;

	padding:
		0;

	border:
		0;

	background:
		transparent;
}


body.woocommerce-account
#customer_login
.form-row {
	float:
		none;

	width:
		100%;

	margin:
		0
		0
		18px;

	padding:
		0;
}


/**
 * Labels
 */

body.woocommerce-account
#customer_login
.form-row
label {
	display:
		block;

	margin:
		0
		0
		7px;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		9px;

	font-weight:
		650;

	line-height:
		1.4;

	color:
		#3B322D;
}


/**
 * Inputs
 */

body.woocommerce-account
#customer_login
.input-text {
	width:
		100%;

	min-height:
		50px;

	padding:
		0
		14px;

	border:
		1px
		solid
		#D7CEC4;

	border-radius:
		0;

	background:
		#FFFDFC;

	box-shadow:
		none;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		11px;

	color:
		#201A17;

	box-sizing:
		border-box;

	transition:
		border-color
		160ms
		ease,
		box-shadow
		160ms
		ease;
}


body.woocommerce-account
#customer_login
.input-text:focus {
	border-color:
		#B08D57;

	outline:
		none;

	box-shadow:
		0
		0
		0
		2px
		rgba(
			176,
			141,
			87,
			0.08
		);
}


/**
 * ==========================================================
 * 06. PASSWORD FIELD
 * ==========================================================
 */

body.woocommerce-account
#customer_login
.password-input {
	position:
		relative;

	display:
		block;
}


body.woocommerce-account
#customer_login
.password-input
.input-text {
	padding-right:
		82px;
}


/**
 * Hide Woo default eye when our JS control exists.
 */

body.woocommerce-account
#customer_login
.password-input
.show-password-input {
	display:
		none !important;
}


.chacha-account-password-toggle {
	position:
		absolute;

	top:
		50%;

	right:
		12px;

	z-index:
		3;

	padding:
		4px
		0;

	border:
		0;

	background:
		transparent;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		8px;

	font-weight:
		700;

	letter-spacing:
		0.06em;

	text-transform:
		uppercase;

	color:
		#8F6F3F;

	cursor:
		pointer;

	transform:
		translateY(
			-50%
		);
}


.chacha-account-password-toggle:hover {
	color:
		#201A17;
}


.chacha-account-password-toggle:focus-visible {
	outline:
		2px
		solid
		#B08D57;

	outline-offset:
		3px;
}


/**
 * ==========================================================
 * 07. REMEMBER + LOST PASSWORD
 * ==========================================================
 */

body.woocommerce-account
#customer_login
.woocommerce-form-login__rememberme {
	display:
		inline-flex;

	align-items:
		center;

	gap:
		8px;

	margin:
		0
		0
		14px;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		9px;

	color:
		#6A5F58;
}


body.woocommerce-account
#customer_login
input[type="checkbox"] {
	width:
		16px;

	height:
		16px;

	accent-color:
		#201A17;
}


body.woocommerce-account
#customer_login
.woocommerce-LostPassword {
	margin:
		5px
		0
		0 !important;
}


body.woocommerce-account
#customer_login
.woocommerce-LostPassword
a {
	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		9px;

	font-weight:
		500;

	color:
		#8F6F3F;

	text-decoration:
		underline;

	text-underline-offset:
		3px;
}


/**
 * ==========================================================
 * 08. BUTTONS
 * ==========================================================
 */

body.woocommerce-account
#customer_login
.woocommerce-button,

body.woocommerce-account
#customer_login
button.button {
	width:
		100%;

	min-height:
		52px;

	margin:
		6px
		0
		0;

	padding:
		0
		20px;

	border:
		1px
		solid
		#201A17;

	border-radius:
		0;

	background:
		#201A17;

	box-shadow:
		none;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		var(--chacha-button-compact-size);

	font-weight:
		var(--chacha-button-compact-weight);

	line-height:
		var(--chacha-button-compact-line-height);

	letter-spacing:
		var(--chacha-button-compact-letter-spacing);

	text-transform:
		var(--chacha-button-text-transform);

	color:
		#FFFDFC;

	cursor:
		pointer;

	transition:
		background-color
		160ms
		ease,
		border-color
		160ms
		ease,
		transform
		160ms
		ease;
}


body.woocommerce-account
#customer_login
.woocommerce-button:hover,

body.woocommerce-account
#customer_login
button.button:hover {
	border-color:
		#B08D57;

	background:
		#B08D57;

	color:
		#FFFDFC;

	transform:
		translateY(
			-1px
		);
}


/**
 * ==========================================================
 * 09. REGISTRATION BENEFITS
 * ==========================================================
 */

.chacha-account-benefits {
	display:
		grid;

	gap:
		9px;

	margin:
		22px
		0;
}


.chacha-account-benefit {
	display:
		grid;

	grid-template-columns:
		28px
		minmax(
			0,
			1fr
		);

	gap:
		10px;

	align-items:
		center;

	padding:
		11px
		12px;

	border:
		1px
		solid
		#EDE6DD;

	background:
		var(--chacha-surface-soft);

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		9px;

	line-height:
		1.5;

	color:
		#6A5F58;
}


.chacha-account-benefit__mark {
	display:
		inline-flex;

	align-items:
		center;

	justify-content:
		center;

	width:
		26px;

	height:
		26px;

	border:
		1px
		solid
		#D7CEC4;

	border-radius:
		50%;

	font-size:
		7px;

	font-weight:
		700;

	color:
		#8F6F3F;
}


/**
 * ==========================================================
 * 10. PASSWORD STRENGTH
 * ==========================================================
 */

body.woocommerce-account
.woocommerce-password-strength {
	margin-top:
		8px;

	padding:
		8px
		10px;

	border:
		0;

	background:
		#F6F1EA;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		8px;

	line-height:
		1.4;

	color:
		#6A5F58;
}


body.woocommerce-account
.woocommerce-password-hint {
	display:
		block;

	margin-top:
		7px;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		8px;

	line-height:
		1.5;

	color:
		#7B7069;
}


/**
 * ==========================================================
 * 11. NOTICES
 * ==========================================================
 */

body.woocommerce-account
.woocommerce-error,

body.woocommerce-account
.woocommerce-message,

body.woocommerce-account
.woocommerce-info {
	max-width:
		1180px;

	margin:
		0
		auto
		24px;

	padding:
		14px
		18px
		14px
		42px;

	border:
		1px
		solid
		var(--chacha-border-soft);

	border-top:
		1px
		solid
		var(--chacha-border-soft);

	background:
		#FFFDFC;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		10px;

	line-height:
		1.55;

	color:
		#3B322D;

	box-sizing:
		border-box;
}


body.woocommerce-account
.woocommerce-error {
	border-color:
		#E5C6C4;

	background:
		#FFF7F6;
}


/**
 * ==========================================================
 * 12. TABLET
 * ==========================================================
 */

@media (max-width: 900px) {

	body.woocommerce-account
	.woocommerce {
		padding:
			0
			24px;
	}


	body.woocommerce-account
	#customer_login {
		grid-template-columns:
			1fr;
	}


	.chacha-account-intro {
		margin-bottom:
			34px;
	}

}


/**
 * ==========================================================
 * 13. MOBILE
 * ==========================================================
 */

@media (max-width: 600px) {

	body.woocommerce-account
	.site-main {
		padding-top:
			26px;

		padding-bottom:
			50px;
	}


	body.woocommerce-account
	.woocommerce {
		padding:
			0
			18px;
	}


	.chacha-account-intro {
		margin-bottom:
			28px;
	}


	.chacha-account-intro__title {
		font-size:
			44px;
	}


	.chacha-account-intro__text {
		font-size:
			11px;
	}


	body.woocommerce-account
	#customer_login
	.col-1,

	body.woocommerce-account
	#customer_login
	.col-2 {
		padding:
			22px;
	}


	body.woocommerce-account
	#customer_login
	h2 {
		font-size:
			30px;
	}

}


/**
 * ==========================================================
 * 14. REDUCED MOTION
 * ==========================================================
 */

@media (
	prefers-reduced-motion: reduce
) {

	body.woocommerce-account
	#customer_login
	.input-text,

	body.woocommerce-account
	#customer_login
	.woocommerce-button {
		transition:
			none;
	}

}
/**
 * ==========================================================
 * CHACHA HOME — MY ACCOUNT UX V1.1
 * LOGGED-IN EXPERIENCE
 * ==========================================================
 */


/**
 * ==========================================================
 * 15. AUTHENTICATED ACCOUNT GRID
 * ==========================================================
 */

body.chacha-account-authenticated
.woocommerce {
	display:
	grid;

	grid-template-columns:
		280px
		minmax(
			0,
			1fr
		);

	grid-template-rows:
		auto
		auto
		auto;

	column-gap:
		38px;

	align-items:
		start;

	width:
		min(
			100%,
			1240px
		);

	padding:
		0
		32px;
}


/**
 * Notices always span full account width.
 */

body.chacha-account-authenticated
.woocommerce
> .woocommerce-notices-wrapper,

body.chacha-account-authenticated
.woocommerce
> .woocommerce-error,

body.chacha-account-authenticated
.woocommerce
> .woocommerce-message,

body.chacha-account-authenticated
.woocommerce
> .woocommerce-info {
	grid-column:
		1
		/
		-1;
}


/**
 * ==========================================================
 * 16. ACCOUNT PAGE INTRO
 * ==========================================================
 */

.chacha-account-auth-intro {
	grid-column:
		1
		/
		-1;

	margin:
		0
		0
		38px;
}


.chacha-account-auth-intro__eyebrow {
	margin:
		0
		0
		9px !important;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		9px;

	font-weight:
		700;

	line-height:
		1;

	letter-spacing:
		0.16em;

	text-transform:
		uppercase;

	color:
		#B08D57;
}


.chacha-account-auth-intro
h1 {
	margin:
		0;

	font-family:
		var(--chacha-font-heading, "Cormorant Garamond", serif);

	font-size:
		clamp(
			44px,
			5vw,
			62px
		);

	font-weight:
		500;

	line-height:
		0.98;

	color:
		#201A17;
}


.chacha-account-auth-intro
> p:last-child {
	max-width:
		580px;

	margin:
		16px
		0
		0 !important;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		12px;

	line-height:
		1.7;

	color:
		#6A5F58;
}


/**
 * ==========================================================
 * 17. PROFILE BLOCK
 * ==========================================================
 */

.chacha-account-profile {
	grid-column:
		1;

	grid-row:
		2;

	display:
	grid;

	grid-template-columns:
		46px
		minmax(
			0,
			1fr
		);

	gap:
		13px;

	align-items:
		center;

	padding:
		20px;

	border:
		1px
		solid
		var(--chacha-border-soft);

	border-bottom:
		0;

	background:
		#FFFDFC;

	box-sizing:
		border-box;
}


.chacha-account-profile__avatar {
	display:
	flex;

	align-items:
		center;

	justify-content:
		center;

	width:
		46px;

	height:
		46px;

	border:
		1px
		solid
		#D7CEC4;

	border-radius:
		50%;

	background:
		#F6F1EA;

	font-family:
		var(--chacha-font-heading, "Cormorant Garamond", serif);

	font-size:
		21px;

	font-weight:
		600;

	color:
		#8F6F3F;
}


.chacha-account-profile__content {
	min-width:
		0;
}


.chacha-account-profile__content
strong {
	display:
	block;

	overflow:
		hidden;

	margin-bottom:
		4px;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		11px;

	font-weight:
		650;

	line-height:
		1.3;

	color:
		#201A17;

	text-overflow:
		ellipsis;

	white-space:
		nowrap;
}


.chacha-account-profile__content
span {
	display:
	block;

	overflow:
		hidden;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		8px;

	line-height:
		1.4;

	color:
		#7B7069;

	text-overflow:
		ellipsis;

	white-space:
		nowrap;
}


/**
 * ==========================================================
 * 18. LEFT NAVIGATION
 * ==========================================================
 */

body.chacha-account-authenticated
.woocommerce-MyAccount-navigation {
	grid-column:
		1;

	grid-row:
		3;

	float:
		none !important;

	width:
		100% !important;

	margin:
		0 !important;

	padding:
		8px
		0;

	border:
		1px
		solid
		var(--chacha-border-soft);

	background:
		#FFFDFC;

	box-sizing:
		border-box;
}


body.chacha-account-authenticated
.woocommerce-MyAccount-navigation
ul {
	margin:
		0;

	padding:
		0;

	list-style:
		none;
}


body.chacha-account-authenticated
.woocommerce-MyAccount-navigation
li {
	position:
		relative;

	margin:
		0;

	padding:
		0;

	border:
		0;
}


body.chacha-account-authenticated
.woocommerce-MyAccount-navigation
li
a {
	position:
		relative;

	display:
		flex;

	align-items:
		center;

	min-height:
		47px;

	padding:
		0
		20px;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		10px;

	font-weight:
		500;

	line-height:
		1;

	color:
		#3B322D;

	text-decoration:
		none;

	transition:
		background-color
		160ms
		ease,
		color
		160ms
		ease;
}


body.chacha-account-authenticated
.woocommerce-MyAccount-navigation
li
a:hover {
	background:
		var(--chacha-surface-soft);

	color:
		#201A17;
}


body.chacha-account-authenticated
.woocommerce-MyAccount-navigation
li.is-active
a {
	background:
		#F6F1EA;

	font-weight:
		700;

	color:
		#201A17;
}


body.chacha-account-authenticated
.woocommerce-MyAccount-navigation
li.is-active
a::before {
	content:
		"";

	position:
		absolute;

	top:
		0;

	bottom:
		0;

	left:
		0;

	width:
		3px;

	background:
		#B08D57;
}


/**
 * Logout separation
 */

body.chacha-account-authenticated
.woocommerce-MyAccount-navigation-link--customer-logout {
	margin-top:
		8px !important;

	padding-top:
		8px !important;

	border-top:
		1px
		solid
		#EDE6DD !important;
}


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


/**
 * ==========================================================
 * 19. ACCOUNT CONTENT
 * ==========================================================
 */

body.chacha-account-authenticated
.woocommerce-MyAccount-content {
	grid-column:
		2;

	grid-row:
		2
		/
		span
		2;

	float:
		none !important;

	width:
		100% !important;

	min-width:
		0;

	margin:
		0 !important;
}


/**
 * Hide standard Woo dashboard paragraphs.
 * Our custom dashboard replaces them.
 */

body.chacha-account-dashboard-page
.woocommerce-MyAccount-content
> p {
	display:
		none;
}


/**
 * ==========================================================
 * 20. DASHBOARD CARD
 * ==========================================================
 */

.chacha-account-dashboard {
	padding:
		32px;

	border:
		1px
		solid
		var(--chacha-border-soft);

	background:
		#FFFDFC;

	box-sizing:
		border-box;
}


.chacha-account-dashboard__header {
	max-width:
		680px;

	margin-bottom:
		30px;
}


.chacha-account-dashboard__eyebrow {
	margin:
		0
		0
		8px !important;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		var(--chacha-eyebrow-compact-size);

	font-weight:
		var(--chacha-eyebrow-compact-weight);

	line-height:
		var(--chacha-eyebrow-compact-line-height);

	letter-spacing:
		var(--chacha-eyebrow-compact-letter-spacing);

	text-transform:
		var(--chacha-eyebrow-text-transform);

	color:
		#B08D57;
}


.chacha-account-dashboard__header
h2 {
	margin:
		0
		0
		10px;

	font-family:
		var(--chacha-font-heading, "Cormorant Garamond", serif);

	font-size:
		36px;

	font-weight:
		500;

	line-height:
		1.05;

	color:
		#201A17;
}


.chacha-account-dashboard__header
> p:last-child {
	max-width:
		600px;

	margin:
		0 !important;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		10px;

	line-height:
		1.7;

	color:
		#6A5F58;
}


/**
 * ==========================================================
 * 21. DASHBOARD QUICK CARDS
 * ==========================================================
 */

.chacha-account-dashboard__cards {
	display:
	grid;

	grid-template-columns:
		repeat(
			3,
			minmax(
				0,
				1fr
			)
		);

	gap:
		12px;
}


.chacha-account-dashboard-card {
	position:
		relative;

	display:
	grid;

	grid-template-columns:
		32px
		minmax(
			0,
			1fr
		)
		22px;

	gap:
		10px;

	align-items:
		start;

	min-height:
		150px;

	padding:
		18px;

	border:
		1px
		solid
		var(--chacha-border-subtle);

	background:
		var(--chacha-surface-soft);

	color:
		inherit;

	text-decoration:
		none;

	box-sizing:
		border-box;

	transition:
		border-color
		160ms
		ease,
		background-color
		160ms
		ease,
		transform
		160ms
		ease;
}


.chacha-account-dashboard-card:hover {
	border-color:
		#B08D57;

	background:
		#FFFDFC;

	transform:
		translateY(
			-2px
		);
}


.chacha-account-dashboard-card__number {
	display:
	flex;

	align-items:
		center;

	justify-content:
		center;

	width:
		30px;

	height:
		30px;

	border:
		1px
		solid
		#D7CEC4;

	border-radius:
		50%;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		7px;

	font-weight:
		700;

	color:
		#8F6F3F;
}


.chacha-account-dashboard-card__content
strong {
	display:
	block;

	margin:
		4px
		0
		8px;

	font-family:
		var(--chacha-font-heading, "Cormorant Garamond", serif);

	font-size:
		20px;

	font-weight:
		600;

	line-height:
		1.05;

	color:
		#201A17;
}


.chacha-account-dashboard-card__content
small {
	display:
	block;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		8px;

	line-height:
		1.6;

	color:
		#6A5F58;
}


.chacha-account-dashboard-card__arrow {
	margin-top:
		7px;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		15px;

	line-height:
		1;

	color:
		#8F6F3F;

	transition:
		transform
		160ms
		ease;
}


.chacha-account-dashboard-card:hover
.chacha-account-dashboard-card__arrow {
	transform:
		translateX(
			3px
		);
}


/**
 * ==========================================================
 * 22. DASHBOARD FOOTER
 * ==========================================================
 */

.chacha-account-dashboard__footer {
	display:
	flex;

	justify-content:
		flex-end;

	margin-top:
		26px;

	padding-top:
		20px;

	border-top:
		1px
		solid
		#EDE6DD;
}


.chacha-account-dashboard__footer
a {
	display:
	inline-flex;

	align-items:
		center;

	gap:
		9px;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		9px;

	font-weight:
		700;

	letter-spacing:
		0.07em;

	text-transform:
		uppercase;

	color:
		#201A17;

	text-decoration:
		none;
}


.chacha-account-dashboard__footer
a:hover {
	color:
		#8F6F3F;
}


/**
 * ==========================================================
 * 23. MOBILE ACCOUNT NAVIGATION BUTTON
 * ==========================================================
 */

.chacha-account-mobile-nav-toggle {
	display:
	none;
}


/**
 * ==========================================================
 * 24. TABLET
 * ==========================================================
 */

@media (max-width: 1000px) {

	body.chacha-account-authenticated
	.woocommerce {
		grid-template-columns:
			240px
			minmax(
				0,
				1fr
			);

		column-gap:
			24px;

		padding:
			0
			24px;
	}


	.chacha-account-dashboard {
		padding:
			26px;
	}


	.chacha-account-dashboard__cards {
		grid-template-columns:
			1fr;
	}


	.chacha-account-dashboard-card {
		min-height:
			auto;
	}

}


/**
 * ==========================================================
 * 25. MOBILE
 * ==========================================================
 */

@media (max-width: 760px) {

	body.chacha-account-authenticated
	.woocommerce {
		display:
			block;

		padding:
			0
			18px;
	}


	.chacha-account-auth-intro {
		margin-bottom:
			26px;
	}


	.chacha-account-auth-intro
	h1 {
		font-size:
			44px;
	}


	.chacha-account-profile {
		border-bottom:
			1px
			solid
			var(--chacha-border-soft);
	}


	/**
	 * Mobile nav trigger
	 */

	.chacha-account-mobile-nav-toggle {
		display:
			flex;

		align-items:
			center;

		justify-content:
			space-between;

		width:
			100%;

		min-height:
			48px;

		margin:
			12px
			0
			0;

		padding:
			0
			16px;

		border:
			1px
			solid
			var(--chacha-border-soft);

		background:
			#FFFDFC;

		font-family:
			var(--chacha-font-body, Inter, sans-serif);

		font-size:
			9px;

		font-weight:
			700;

		color:
			#201A17;

		cursor:
			pointer;

		box-sizing:
			border-box;
	}


	.chacha-account-mobile-nav-toggle__arrow {
		transition:
			transform
			160ms
			ease;
	}


	.chacha-account-mobile-nav-toggle.is-open
	.chacha-account-mobile-nav-toggle__arrow {
		transform:
			rotate(
				180deg
			);
	}


	body.chacha-account-authenticated
	.woocommerce-MyAccount-navigation {
		display:
			none;

		margin-bottom:
			24px !important;

		border-top:
			0;
	}


	body.chacha-account-authenticated
	.woocommerce-MyAccount-navigation.is-open {
		display:
			block;
	}


	body.chacha-account-authenticated
	.woocommerce-MyAccount-content {
		width:
			100% !important;

		margin-top:
			24px !important;
	}


	.chacha-account-dashboard {
		padding:
			22px;
	}


	.chacha-account-dashboard__header
	h2 {
		font-size:
			31px;
	}


	.chacha-account-dashboard__cards {
		grid-template-columns:
			1fr;
	}


	.chacha-account-dashboard-card {
		min-height:
			auto;
	}


	.chacha-account-dashboard__footer {
		justify-content:
			flex-start;
	}

}


/**
 * ==========================================================
 * 26. REDUCED MOTION
 * ==========================================================
 */

@media (
	prefers-reduced-motion: reduce
) {

	.chacha-account-dashboard-card,

	.chacha-account-dashboard-card__arrow,

	.chacha-account-mobile-nav-toggle__arrow {
		transition:
			none;
	}

}
/**
 * ==========================================================
 * CHACHA HOME — ACCOUNT LAYOUT FINAL FIX V1.1.2
 * ==========================================================
 *
 * Kadence structure:
 *
 * .woocommerce
 * ├── .account-navigation-wrap
 * │   ├── .chacha-account-auth-intro
 * │   ├── .chacha-account-profile
 * │   ├── .kadence-account-avatar
 * │   └── .woocommerce-MyAccount-navigation
 * │
 * └── .woocommerce-MyAccount-content
 *
 * display: contents allows the elements inside
 * account-navigation-wrap to participate directly
 * in the parent WooCommerce grid.
 */


/**
 * ==========================================================
 * REMOVE KADENCE DUPLICATE AVATAR
 * ==========================================================
 */

body.chacha-account-authenticated
.kadence-account-avatar {
	display:
		none !important;
}


/**
 * ==========================================================
 * TRUE DESKTOP
 * ==========================================================
 */

@media (min-width: 1001px) {

	body.chacha-account-authenticated
	.woocommerce {
		display:
			grid !important;

		grid-template-columns:
			280px
			minmax(
				0,
				1fr
			) !important;

		grid-template-areas:
			"intro intro"
			"profile content"
			"navigation content" !important;

		grid-template-rows:
			auto
			auto
			auto !important;

		column-gap:
			38px !important;

		row-gap:
			0 !important;

		align-items:
			start !important;

		width:
			100% !important;

		max-width:
			1240px !important;

		margin:
			0
			auto !important;

		padding:
			0
			32px !important;

		box-sizing:
			border-box !important;
	}


	/**
	 * ------------------------------------------------------
	 * CRITICAL KADENCE FIX
	 * ------------------------------------------------------
	 *
	 * Remove wrapper from layout calculation without
	 * removing its children.
	 */

	body.chacha-account-authenticated
	.account-navigation-wrap {
		display:
			contents !important;
	}


	/**
	 * ------------------------------------------------------
	 * PAGE INTRO
	 * ------------------------------------------------------
	 */

	body.chacha-account-authenticated
	.chacha-account-auth-intro {
		grid-area:
			intro !important;

		display:
			block !important;

		width:
			100% !important;

		max-width:
			none !important;

		margin:
			0
			0
			38px !important;

		padding:
			0 !important;
	}


	/**
	 * ------------------------------------------------------
	 * PROFILE
	 * ------------------------------------------------------
	 */

	body.chacha-account-authenticated
	.chacha-account-profile {
		grid-area:
			profile !important;

		display:
			grid !important;

		width:
			100% !important;

		max-width:
			none !important;

		margin:
			0 !important;

		float:
			none !important;

		box-sizing:
			border-box !important;
	}


	/**
	 * ------------------------------------------------------
	 * LEFT NAVIGATION
	 * ------------------------------------------------------
	 */

	body.chacha-account-authenticated
	.woocommerce-MyAccount-navigation {
		grid-area:
			navigation !important;

		display:
			block !important;

		float:
			none !important;

		clear:
			none !important;

		width:
			100% !important;

		max-width:
			none !important;

		min-width:
			0 !important;

		margin:
			0 !important;

		padding:
			8px
			0 !important;

		box-sizing:
			border-box !important;
	}


	body.chacha-account-authenticated
	.woocommerce-MyAccount-navigation
	ul {
		display:
			block !important;

		width:
			100% !important;

		margin:
			0 !important;

		padding:
			0 !important;
	}


	/**
	 * ------------------------------------------------------
	 * RIGHT CONTENT
	 * ------------------------------------------------------
	 */

	body.chacha-account-authenticated
	.woocommerce-MyAccount-content {
		grid-area:
			content !important;

		display:
			block !important;

		float:
			none !important;

		clear:
			none !important;

		width:
			100% !important;

		max-width:
			none !important;

		min-width:
			0 !important;

		margin:
			0 !important;

		padding:
			0 !important;

		box-sizing:
			border-box !important;
	}


	/**
	 * Dashboard
	 */

	body.chacha-account-authenticated
	.chacha-account-dashboard {
		width:
			100% !important;

		max-width:
			none !important;

		margin:
			0 !important;

		box-sizing:
			border-box !important;
	}


	body.chacha-account-authenticated
	.chacha-account-dashboard__cards {
		display:
			grid !important;

		grid-template-columns:
			repeat(
				3,
				minmax(
					0,
					1fr
				)
			) !important;

		gap:
			12px !important;
	}

}


/**
 * ==========================================================
 * TABLET
 * ==========================================================
 */

@media (min-width: 761px) and (max-width: 1000px) {

	body.chacha-account-authenticated
	.woocommerce {
		display:
			grid !important;

		grid-template-columns:
			230px
			minmax(
				0,
				1fr
			) !important;

		grid-template-areas:
			"intro intro"
			"profile content"
			"navigation content" !important;

		column-gap:
			24px !important;

		align-items:
			start !important;

		width:
			100% !important;

		max-width:
			100% !important;

		margin:
			0
			auto !important;

		padding:
			0
			24px !important;

		box-sizing:
			border-box !important;
	}


	body.chacha-account-authenticated
	.account-navigation-wrap {
		display:
			contents !important;
	}


	body.chacha-account-authenticated
	.chacha-account-auth-intro {
		grid-area:
			intro !important;
	}


	body.chacha-account-authenticated
	.chacha-account-profile {
		grid-area:
			profile !important;
	}


	body.chacha-account-authenticated
	.woocommerce-MyAccount-navigation {
		grid-area:
			navigation !important;

		float:
			none !important;

		width:
			100% !important;
	}


	body.chacha-account-authenticated
	.woocommerce-MyAccount-content {
		grid-area:
			content !important;

		float:
			none !important;

		width:
			100% !important;

		margin:
			0 !important;
	}


	body.chacha-account-authenticated
	.chacha-account-dashboard__cards {
		grid-template-columns:
			1fr !important;
	}

}


/**
 * ==========================================================
 * MOBILE
 * ==========================================================
 */

@media (max-width: 760px) {

	body.chacha-account-authenticated
	.woocommerce {
		display:
			block !important;

		width:
			100% !important;

		max-width:
			100% !important;

		padding:
			0
			18px !important;
	}


	/**
	 * Restore normal wrapper on mobile.
	 */

	body.chacha-account-authenticated
	.account-navigation-wrap {
		display:
			block !important;
	}


	body.chacha-account-authenticated
	.chacha-account-profile,

	body.chacha-account-authenticated
	.woocommerce-MyAccount-navigation,

	body.chacha-account-authenticated
	.woocommerce-MyAccount-content {
		float:
			none !important;

		width:
			100% !important;

		max-width:
			none !important;
	}


	body.chacha-account-authenticated
	.woocommerce-MyAccount-content {
		margin-top:
			24px !important;
	}

}
/**
 * ==========================================================
 * CHACHA HOME — MY ACCOUNT UX V1.2
 * ORDERS
 * ==========================================================
 */


/**
 * ==========================================================
 * 27. ORDERS PAGE CONTENT
 * ==========================================================
 */

body.chacha-account-orders-page
.woocommerce-MyAccount-content {
	min-width:
		0;
}


/**
 * ==========================================================
 * 28. SECTION HEADER
 * ==========================================================
 */

.chacha-account-section-header {
	margin:
		0
		0
		26px;

	padding:
		0
		0
		24px;

	border-bottom:
		1px
		solid
		#EDE6DD;
}


.chacha-account-section-header__eyebrow {
	margin:
		0
		0
		8px !important;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		var(--chacha-eyebrow-compact-size);

	font-weight:
		var(--chacha-eyebrow-compact-weight);

	line-height:
		var(--chacha-eyebrow-compact-line-height);

	letter-spacing:
		var(--chacha-eyebrow-compact-letter-spacing);

	text-transform:
		var(--chacha-eyebrow-text-transform);

	color:
		#B08D57;
}


.chacha-account-section-header
h2 {
	margin:
		0
		0
		10px;

	font-family:
		var(--chacha-font-heading, "Cormorant Garamond", serif);

	font-size:
		38px;

	font-weight:
		500;

	line-height:
		1;

	color:
		#201A17;
}


.chacha-account-section-header
> p:last-child {
	max-width:
		620px;

	margin:
		0 !important;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		10px;

	line-height:
		1.7;

	color:
		#6A5F58;
}


/**
 * ==========================================================
 * 29. EMAIL VERIFICATION / ACCOUNT NOTICE
 * ==========================================================
 */

body.chacha-account-orders-page
.woocommerce-MyAccount-content
.woocommerce-info,

body.chacha-account-orders-page
.woocommerce-MyAccount-content
.woocommerce-message {
	display:
	grid;

	grid-template-columns:
		minmax(
			0,
			1fr
		)
		auto;

	align-items:
		center;

	gap:
		18px;

	width:
		100%;

	margin:
		0
		0
		26px !important;

	padding:
		16px
		18px !important;

	border:
		1px
		solid
		var(--chacha-border-subtle) !important;

	border-top:
		1px
		solid
		var(--chacha-border-subtle) !important;

	background:
		var(--chacha-surface-soft);

	box-sizing:
		border-box;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		9px;

	line-height:
		1.55;

	color:
		#5F554F;
}


body.chacha-account-orders-page
.woocommerce-MyAccount-content
.woocommerce-info::before,

body.chacha-account-orders-page
.woocommerce-MyAccount-content
.woocommerce-message::before {
	display:
		none;
}


/**
 * Notice button
 */

body.chacha-account-orders-page
.woocommerce-MyAccount-content
.woocommerce-info
.button,

body.chacha-account-orders-page
.woocommerce-MyAccount-content
.woocommerce-message
.button {
	float:
		none !important;

	white-space:
		nowrap;

	min-height:
		42px;

	margin:
		0 !important;

	padding:
		0
		17px;

	border:
		1px
		solid
		#B08D57;

	border-radius:
		0;

	background:
		#B08D57;

	box-shadow:
		none;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		8px;

	font-weight:
		700;

	letter-spacing:
		0.06em;

	text-transform:
		uppercase;

	color:
		#FFFDFC;

	transition:
		background-color
		160ms
		ease,
		border-color
		160ms
		ease;
}


body.chacha-account-orders-page
.woocommerce-MyAccount-content
.woocommerce-info
.button:hover,

body.chacha-account-orders-page
.woocommerce-MyAccount-content
.woocommerce-message
.button:hover {
	border-color:
		#8F6F3F;

	background:
		#8F6F3F;

	color:
		#FFFDFC;
}


/**
 * ==========================================================
 * 30. ORDERS TABLE → CARD LIST
 * ==========================================================
 */

body.chacha-account-orders-page
.woocommerce-orders-table {
	display:
	block;

	width:
	100%;

	margin:
		0 !important;

	border:
		0 !important;

	border-collapse:
		separate;

	background:
		transparent;
}


body.chacha-account-orders-page
.woocommerce-orders-table
thead {
	display:
		none;
}


body.chacha-account-orders-page
.woocommerce-orders-table
tbody {
	display:
	grid;

	gap:
		14px;

	width:
		100%;
}


/**
 * Each Woo order row becomes one card.
 */

body.chacha-account-orders-page
.woocommerce-orders-table
tbody
tr {
	position:
		relative;

	display:
		grid;

	grid-template-columns:
		120px
		150px
		minmax(
			120px,
			1fr
		)
		minmax(
			160px,
			1fr
		)
		auto;

	align-items:
		center;

	gap:
		18px;

	width:
		100%;

	min-height:
		112px;

	margin:
		0;

	padding:
		20px;

	border:
		1px
		solid
		var(--chacha-border-soft);

	background:
		#FFFDFC;

	box-sizing:
		border-box;

	transition:
		border-color
		160ms
		ease,
		box-shadow
		160ms
		ease,
		transform
		160ms
		ease;
}


body.chacha-account-orders-page
.woocommerce-orders-table
tbody
tr:hover {
	border-color:
		#C8B69E;

	box-shadow:
		0
		8px
		24px
		rgba(
			32,
			26,
			23,
			0.035
		);

	transform:
		translateY(
			-1px
		);
}


/**
 * All order cells
 */

body.chacha-account-orders-page
.woocommerce-orders-table
tbody
td {
	display:
		block;

	width:
		auto !important;

	margin:
		0;

	padding:
		0 !important;

	border:
		0 !important;

	background:
		transparent;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		10px;

	line-height:
		1.5;

	text-align:
		left !important;

	color:
		#3B322D;

	vertical-align:
		middle;
}


/**
 * Remove Woo responsive labels.
 */

body.chacha-account-orders-page
.woocommerce-orders-table
tbody
td::before {
	display:
		none !important;
}


/**
 * ==========================================================
 * 31. ORDER NUMBER
 * ==========================================================
 */

body.chacha-account-orders-page
.woocommerce-orders-table__cell-order-number {
	grid-column:
		1;
}


body.chacha-account-orders-page
.woocommerce-orders-table__cell-order-number::after {
	content:
		"SİPARİŞ";

	display:
		block;

	margin-top:
		5px;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		7px;

	font-weight:
		700;

	letter-spacing:
		0.12em;

	color:
		#9B8E85;
}


body.chacha-account-orders-page
.woocommerce-orders-table__cell-order-number
a {
	font-family:
		var(--chacha-font-heading, "Cormorant Garamond", serif);

	font-size:
		22px;

	font-weight:
		600;

	line-height:
		1;

	color:
		#201A17;

	text-decoration:
		none;
}


body.chacha-account-orders-page
.woocommerce-orders-table__cell-order-number
a:hover {
	color:
		#8F6F3F;
}


/**
 * ==========================================================
 * 32. DATE
 * ==========================================================
 */

body.chacha-account-orders-page
.woocommerce-orders-table__cell-order-date {
	grid-column:
		2;
}


body.chacha-account-orders-page
.woocommerce-orders-table__cell-order-date::after {
	content:
		"TARİH";

	display:
		block;

	margin-top:
		5px;

	font-size:
		7px;

	font-weight:
		700;

	letter-spacing:
		0.12em;

	color:
		#9B8E85;
}


/**
 * ==========================================================
 * 33. STATUS
 * ==========================================================
 */

body.chacha-account-orders-page
.woocommerce-orders-table__cell-order-status {
	grid-column:
		3;

	justify-self:
		start;

	width:
		auto !important;

	padding:
		8px
		12px !important;

	border:
		1px
		solid
		#DDD5CC !important;

	background:
		#F6F1EA;

	font-size:
		8px;

	font-weight:
		700;

	letter-spacing:
		0.04em;

	text-transform:
		uppercase;

	color:
		#5F554F;
}


/**
 * On hold / pending
 */

body.chacha-account-orders-page
.woocommerce-orders-table__row--status-on-hold
.woocommerce-orders-table__cell-order-status,

body.chacha-account-orders-page
.woocommerce-orders-table__row--status-pending
.woocommerce-orders-table__cell-order-status {
	border-color:
		#E6D5B7 !important;

	background:
		#FFF8EA;

	color:
		#8A662F;
}


/**
 * Processing
 */

body.chacha-account-orders-page
.woocommerce-orders-table__row--status-processing
.woocommerce-orders-table__cell-order-status {
	border-color:
		#C9D7DE !important;

	background:
		#F2F7F9;

	color:
		#3E6274;
}


/**
 * Completed
 */

body.chacha-account-orders-page
.woocommerce-orders-table__row--status-completed
.woocommerce-orders-table__cell-order-status {
	border-color:
		#C8D8CB !important;

	background:
		#F3F8F3;

	color:
		#2F6B4F;
}


/**
 * Cancelled / failed / refunded
 */

body.chacha-account-orders-page
.woocommerce-orders-table__row--status-cancelled
.woocommerce-orders-table__cell-order-status,

body.chacha-account-orders-page
.woocommerce-orders-table__row--status-failed
.woocommerce-orders-table__cell-order-status,

body.chacha-account-orders-page
.woocommerce-orders-table__row--status-refunded
.woocommerce-orders-table__cell-order-status {
	border-color:
		#E4CACA !important;

	background:
		#FFF6F6;

	color:
		#A63D40;
}


/**
 * ==========================================================
 * 34. TOTAL
 * ==========================================================
 */

body.chacha-account-orders-page
.woocommerce-orders-table__cell-order-total {
	grid-column:
		4;
}


body.chacha-account-orders-page
.woocommerce-orders-table__cell-order-total
.woocommerce-Price-amount {
	font-family:
		var(--chacha-font-heading, "Cormorant Garamond", serif);

	font-size:
		20px;

	font-weight:
		600;

	color:
		#201A17;
}


/**
 * ==========================================================
 * 35. ACTIONS
 * ==========================================================
 */

body.chacha-account-orders-page
.woocommerce-orders-table__cell-order-actions {
	grid-column:
		5;

	display:
		flex !important;

	align-items:
		center;

	justify-content:
		flex-end;

	gap:
		8px;

	white-space:
		nowrap;
}


body.chacha-account-orders-page
.woocommerce-orders-table__cell-order-actions
.button {
	display:
		inline-flex;

	align-items:
		center;

	justify-content:
		center;

	min-height:
		42px;

	margin:
		0 !important;

	padding:
		0
		17px;

	border:
		1px
		solid
		#201A17;

	border-radius:
		0;

	background:
		#201A17;

	box-shadow:
		none;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		8px;

	font-weight:
		700;

	line-height:
		1;

	letter-spacing:
		0.07em;

	text-transform:
		uppercase;

	color:
		#FFFDFC;

	text-decoration:
		none;

	transition:
		background-color
		160ms
		ease,
		border-color
		160ms
		ease,
		color
		160ms
		ease;
}


body.chacha-account-orders-page
.woocommerce-orders-table__cell-order-actions
.button:hover {
	border-color:
		#B08D57;

	background:
		#B08D57;

	color:
		#FFFDFC;
}


/**
 * Secondary cancellation action
 */

body.chacha-account-orders-page
.woocommerce-orders-table__cell-order-actions
.cancel {
	border-color:
		#D7CEC4;

	background:
		transparent;

	color:
		#6A5F58;
}


body.chacha-account-orders-page
.woocommerce-orders-table__cell-order-actions
.cancel:hover {
	border-color:
		#A63D40;

	background:
		#FFF7F6;

	color:
		#A63D40;
}


/**
 * ==========================================================
 * 36. PAGINATION
 * ==========================================================
 */

body.chacha-account-orders-page
.woocommerce-pagination {
	display:
	flex;

	align-items:
		center;

	justify-content:
		space-between;

	gap:
		12px;

	margin-top:
		24px;
}


body.chacha-account-orders-page
.woocommerce-pagination
.button {
	display:
		inline-flex;

	align-items:
		center;

	justify-content:
		center;

	min-height:
		42px;

	padding:
		0
		17px;

	border:
		1px
		solid
		#D7CEC4;

	border-radius:
		0;

	background:
		#FFFDFC;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		8px;

	font-weight:
		700;

	text-transform:
		uppercase;

	color:
		#201A17;
}


/**
 * ==========================================================
 * 37. EMPTY ORDERS
 * ==========================================================
 */

body.chacha-account-orders-page
.woocommerce-MyAccount-content
.woocommerce-info:last-child {
	min-height:
		100px;

	padding:
		22px !important;
}


/**
 * ==========================================================
 * 38. TABLET
 * ==========================================================
 */

@media (max-width: 1180px) {

	body.chacha-account-orders-page
	.woocommerce-orders-table
	tbody
	tr {
		grid-template-columns:
			100px
			130px
			minmax(
				100px,
				1fr
			)
			minmax(
				140px,
				1fr
			);

		gap:
			16px;
	}


	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-actions {
		grid-column:
			1
			/
			-1;

		justify-content:
			flex-start;

		padding-top:
			14px !important;

		border-top:
			1px
			solid
			#EDE6DD !important;
	}

}


/**
 * ==========================================================
 * 39. MOBILE
 * ==========================================================
 */

@media (max-width: 760px) {

	.chacha-account-section-header {
		margin-bottom:
			20px;
	}


	.chacha-account-section-header
	h2 {
		font-size:
			32px;
	}


	body.chacha-account-orders-page
	.woocommerce-MyAccount-content
	.woocommerce-info,

	body.chacha-account-orders-page
	.woocommerce-MyAccount-content
	.woocommerce-message {
		grid-template-columns:
			1fr;

		gap:
			13px;
	}


	body.chacha-account-orders-page
	.woocommerce-MyAccount-content
	.woocommerce-info
	.button,

	body.chacha-account-orders-page
	.woocommerce-MyAccount-content
	.woocommerce-message
	.button {
		width:
			100%;
	}


	body.chacha-account-orders-page
	.woocommerce-orders-table
	tbody {
		gap:
			12px;
	}


	body.chacha-account-orders-page
	.woocommerce-orders-table
	tbody
	tr {
		display:
			grid;

		grid-template-columns:
			1fr
			1fr;

		gap:
			17px
			14px;

		min-height:
			0;

		padding:
			18px;
	}


	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-number {
		grid-column:
			1;
	}


	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-date {
		grid-column:
			2;

		text-align:
			right !important;
	}


	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-status {
		grid-column:
			1;

		width:
			fit-content !important;
	}


	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-total {
		grid-column:
			2;

		align-self:
			center;

		text-align:
			right !important;
	}


	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-actions {
		grid-column:
			1
			/
			-1;

		display:
			grid !important;

		grid-template-columns:
			1fr;

		width:
			100% !important;

		padding-top:
			16px !important;
	}


	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-actions
	.button {
		width:
			100%;
	}


	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-total
	.woocommerce-Price-amount {
		font-size:
			19px;
	}

}


/**
 * ==========================================================
 * 40. REDUCED MOTION
 * ==========================================================
 */

@media (
	prefers-reduced-motion: reduce
) {

	body.chacha-account-orders-page
	.woocommerce-orders-table
	tbody
	tr,

	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-actions
	.button {
		transition:
			none;
	}

}
/**
 * ==========================================================
 * CHACHA HOME — EMAIL VERIFICATION POLISH V1.2.1
 * ==========================================================
 */

body.chacha-account-orders-page
.woocommerce-MyAccount-content
.woocommerce-info,

body.chacha-account-orders-page
.woocommerce-MyAccount-content
.woocommerce-message {
	display:
		flex !important;

	flex-direction:
		row-reverse;

	align-items:
		center;

	justify-content:
		space-between;

	gap:
		24px;

	min-height:
		74px;

	padding:
		14px
		18px !important;
}


/**
 * Verification button
 */

body.chacha-account-orders-page
.woocommerce-MyAccount-content
.woocommerce-info
.button,

body.chacha-account-orders-page
.woocommerce-MyAccount-content
.woocommerce-message
.button {
	display:
		inline-flex !important;

	align-items:
		center !important;

	justify-content:
		center !important;

	flex:
		0
		0
		auto;

	width:
		auto !important;

	min-width:
		190px;

	min-height:
		44px;

	margin:
		0 !important;

	padding:
		0
		20px !important;

	line-height:
		1.2 !important;

	text-align:
		center !important;

	white-space:
		nowrap;
}


/**
 * ==========================================================
 * MOBILE
 * ==========================================================
 */

@media (max-width: 760px) {

	body.chacha-account-orders-page
	.woocommerce-MyAccount-content
	.woocommerce-info,

	body.chacha-account-orders-page
	.woocommerce-MyAccount-content
	.woocommerce-message {
		flex-direction:
			column-reverse;

		align-items:
			stretch;

		gap:
			14px;

		min-height:
			0;
	}


	body.chacha-account-orders-page
	.woocommerce-MyAccount-content
	.woocommerce-info
	.button,

	body.chacha-account-orders-page
	.woocommerce-MyAccount-content
	.woocommerce-message
	.button {
		width:
			100% !important;

		min-width:
			0;
	}

}
/**
 * ==========================================================
 * CHACHA HOME — MY ACCOUNT UX V1.3
 * ORDER DETAIL
 * ==========================================================
 */


/**
 * ==========================================================
 * 41. REMOVE DEFAULT VIEW-ORDER INTRO
 * ==========================================================
 */

body.chacha-account-view-order-page
.woocommerce-MyAccount-content
> p:first-child {
	display:
		none;
}


/**
 * ==========================================================
 * 42. ORDER DETAIL HERO
 * ==========================================================
 */

.chacha-order-detail-hero {
	margin:
		0
		0
		26px;

	padding:
		28px;

	border:
		1px
		solid
		var(--chacha-border-soft);

	background:
		#FFFDFC;
}


.chacha-order-detail-hero__top {
	display:
		flex;

	align-items:
		flex-start;

	justify-content:
		space-between;

	gap:
		24px;
}


.chacha-order-detail-hero__eyebrow {
	margin:
		0
		0
		8px !important;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		var(--chacha-eyebrow-compact-size);

	font-weight:
		var(--chacha-eyebrow-compact-weight);

	line-height:
		var(--chacha-eyebrow-compact-line-height);

	letter-spacing:
		var(--chacha-eyebrow-compact-letter-spacing);

	text-transform:
		var(--chacha-eyebrow-text-transform);

	color:
		#B08D57;
}


.chacha-order-detail-hero
h2 {
	margin:
		0;

	font-family:
		var(--chacha-font-heading, "Cormorant Garamond", serif);

	font-size:
		38px;

	font-weight:
		500;

	line-height:
		1;

	color:
		#201A17;
}


/**
 * ==========================================================
 * 43. STATUS
 * ==========================================================
 */

.chacha-order-detail-status {
	display:
		inline-flex;

	align-items:
		center;

	justify-content:
		center;

	min-height:
		34px;

	padding:
		0
		13px;

	border:
		1px
		solid
		#DDD5CC;

	background:
		#F6F1EA;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		8px;

	font-weight:
		700;

	letter-spacing:
		0.06em;

	text-transform:
		uppercase;

	color:
		#5F554F;
}


.chacha-order-status-pending
.chacha-order-detail-status,

.chacha-order-status-on-hold
.chacha-order-detail-status {
	border-color:
		#E6D5B7;

	background:
		#FFF8EA;

	color:
		#8A662F;
}


.chacha-order-status-processing
.chacha-order-detail-status {
	border-color:
		#C9D7DE;

	background:
		#F2F7F9;

	color:
		#3E6274;
}


.chacha-order-status-completed
.chacha-order-detail-status {
	border-color:
		#C8D8CB;

	background:
		#F3F8F3;

	color:
		#2F6B4F;
}


.chacha-order-status-cancelled
.chacha-order-detail-status,

.chacha-order-status-failed
.chacha-order-detail-status,

.chacha-order-status-refunded
.chacha-order-detail-status {
	border-color:
		#E4CACA;

	background:
		#FFF6F6;

	color:
		#A63D40;
}


/**
 * ==========================================================
 * 44. META
 * ==========================================================
 */

.chacha-order-detail-meta {
	display:
	grid;

	grid-template-columns:
		repeat(
			3,
			minmax(
				0,
				1fr
			)
		);

	gap:
		1px;

	margin-top:
		26px;

	border:
		1px
		solid
		#EDE6DD;

	background:
		#EDE6DD;
}


.chacha-order-detail-meta
> div {
	padding:
		15px
		16px;

	background:
		var(--chacha-surface-soft);
}


.chacha-order-detail-meta
span {
	display:
		block;

	margin-bottom:
		6px;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		7px;

	font-weight:
		700;

	line-height:
		1;

	letter-spacing:
		0.12em;

	color:
		#9B8E85;
}


.chacha-order-detail-meta
strong {
	display:
		block;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		10px;

	font-weight:
		600;

	line-height:
		1.4;

	color:
		#201A17;
}


.chacha-order-detail-meta
.chacha-order-detail-meta__total {
	font-family:
		var(--chacha-font-heading, "Cormorant Garamond", serif);

	font-size:
		20px;

	font-weight:
		600;
}


/**
 * Back link
 */

.chacha-order-detail-hero__footer {
	display:
		flex;

	justify-content:
		flex-start;

	margin-top:
		20px;

	padding-top:
		18px;

	border-top:
		1px
		solid
		#EDE6DD;
}


.chacha-order-detail-hero__footer
a {
	display:
		inline-flex;

	align-items:
		center;

	gap:
		8px;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		8px;

	font-weight:
		700;

	letter-spacing:
		0.07em;

	text-transform:
		uppercase;

	color:
		#3B322D;

	text-decoration:
		none;
}


.chacha-order-detail-hero__footer
a:hover {
	color:
		#8F6F3F;
}


/**
 * ==========================================================
 * 45. ORDER CONTENT SECTION
 * ==========================================================
 */

body.chacha-account-view-order-page
.woocommerce-order-details {
	margin:
		0
		0
		24px;

	padding:
		28px;

	border:
		1px
		solid
		var(--chacha-border-soft);

	background:
		#FFFDFC;
}


body.chacha-account-view-order-page
.woocommerce-order-details__title {
	margin:
		0
		0
		22px;

	font-family:
		var(--chacha-font-heading, "Cormorant Garamond", serif);

	font-size:
		30px;

	font-weight:
		500;

	line-height:
		1;

	color:
		#201A17;
}


/**
 * ==========================================================
 * 46. ORDER TABLE
 * ==========================================================
 */

body.chacha-account-view-order-page
.woocommerce-table--order-details {
	width:
		100%;

	margin:
		0 !important;

	border:
		0 !important;

	border-collapse:
		collapse;
}


body.chacha-account-view-order-page
.woocommerce-table--order-details
thead
th {
	padding:
		0
		0
		12px !important;

	border:
		0 !important;

	border-bottom:
		1px
		solid
		#EDE6DD !important;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		7px;

	font-weight:
		700;

	letter-spacing:
		0.12em;

	text-transform:
		uppercase;

	color:
		#8B7F78;
}


body.chacha-account-view-order-page
.woocommerce-table--order-details
tbody
td {
	padding:
		18px
		0 !important;

	border:
		0 !important;

	border-bottom:
		1px
		solid
		#EDE6DD !important;

	vertical-align:
		middle;
}


body.chacha-account-view-order-page
.woocommerce-table--order-details
.product-total {
	width:
		180px;

	text-align:
		right;
}


/**
 * ==========================================================
 * 47. PRODUCT
 * ==========================================================
 */

.chacha-order-product {
	display:
	grid;

	grid-template-columns:
		76px
		minmax(
			0,
			1fr
		);

	gap:
		16px;

	align-items:
		center;
}


.chacha-order-product__media {
	width:
		76px;

	height:
		76px;

	overflow:
		hidden;

	background:
		#F6F1EA;
}


.chacha-order-product__image {
	display:
		block;

	width:
		100% !important;

	height:
		100% !important;

	margin:
		0 !important;

	object-fit:
		cover;
}


.chacha-order-product__content {
	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		10px;

	font-weight:
		600;

	line-height:
		1.5;

	color:
		#201A17;
}


.chacha-order-product__content
a {
	color:
		#201A17;

	text-decoration:
		none;
}


.chacha-order-product__content
a:hover {
	color:
		#8F6F3F;
}


/**
 * Variation / item meta
 */

body.chacha-account-view-order-page
.wc-item-meta {
	margin:
		7px
		0
		0;

	padding:
		0;

	list-style:
		none;
}


body.chacha-account-view-order-page
.wc-item-meta
li {
	margin:
		2px
		0;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		8px;

	line-height:
		1.5;

	color:
		#7B7069;
}


/**
 * ==========================================================
 * 48. ORDER TOTALS
 * ==========================================================
 */

body.chacha-account-view-order-page
.woocommerce-table--order-details
tfoot
th,

body.chacha-account-view-order-page
.woocommerce-table--order-details
tfoot
td {
	padding:
		11px
		0 !important;

	border:
		0 !important;

	border-bottom:
		1px
		solid
		#EDE6DD !important;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		9px;

	color:
		#5F554F;
}


body.chacha-account-view-order-page
.woocommerce-table--order-details
tfoot
th {
	font-weight:
		500;
}


body.chacha-account-view-order-page
.woocommerce-table--order-details
tfoot
td {
	text-align:
		right;

	font-weight:
		600;

	color:
		#201A17;
}


body.chacha-account-view-order-page
.woocommerce-table--order-details
tfoot
tr:last-child
th,

body.chacha-account-view-order-page
.woocommerce-table--order-details
tfoot
tr:last-child
td {
	padding-top:
		16px !important;

	border-bottom:
		0 !important;

	font-weight:
		700;

	color:
		#201A17;
}


body.chacha-account-view-order-page
.woocommerce-table--order-details
tfoot
tr:last-child
td {
	font-family:
		var(--chacha-font-heading, "Cormorant Garamond", serif);

	font-size:
		22px;
}


/**
 * ==========================================================
 * 49. CUSTOMER ADDRESSES
 * ==========================================================
 */

body.chacha-account-view-order-page
.woocommerce-customer-details {
	margin:
		24px
		0
		0;
}


body.chacha-account-view-order-page
.woocommerce-columns--addresses {
	display:
		grid;

	grid-template-columns:
		repeat(
			2,
			minmax(
				0,
				1fr
			)
		);

	gap:
		16px;

	align-items:
		stretch;
}


/**
 * WooCommerce applies clearfix pseudo-elements to its
 * two-column address wrapper. Once that wrapper becomes a
 * CSS Grid, ::before / ::after are treated as grid items and
 * push the real billing / shipping cards into different rows.
 *
 * Remove only those clearfix pseudo-elements on the order
 * detail address grid.
 */
body.chacha-account-view-order-page
.woocommerce-columns--addresses::before,

body.chacha-account-view-order-page
.woocommerce-columns--addresses::after {
	content:
		none !important;

	display:
		none !important;
}


body.chacha-account-view-order-page
.woocommerce-column--billing-address,

body.chacha-account-view-order-page
.woocommerce-column--shipping-address {
	float:
		none !important;

	width:
		100% !important;

	margin:
		0 !important;

	padding:
		24px;

	border:
		1px
		solid
		var(--chacha-border-soft);

	background:
		#FFFDFC;

	box-sizing:
		border-box;
}


body.chacha-account-view-order-page
.woocommerce-column__title {
	margin:
		0
		0
		16px;

	font-family:
		var(--chacha-font-heading, "Cormorant Garamond", serif);

	font-size:
		26px;

	font-weight:
		500;

	line-height:
		1;

	color:
		#201A17;
}


body.chacha-account-view-order-page
.woocommerce-customer-details
address {
	margin:
		0;

	padding:
		0;

	border:
		0;

	background:
		transparent;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		9px;

	font-style:
		normal;

	line-height:
		1.8;

	color:
		#5F554F;
}


/**
 * ==========================================================
 * 50. ORDER NOTES
 * ==========================================================
 */

body.chacha-account-view-order-page
.woocommerce-order-details
+ .woocommerce-order-details {
	margin-top:
		16px;
}


/**
 * ==========================================================
 * 51. TABLET
 * ==========================================================
 */

@media (max-width: 1000px) {

	.chacha-order-detail-meta {
		grid-template-columns:
			1fr
			1fr;
	}


	.chacha-order-detail-meta
	> div:last-child {
		grid-column:
			1
			/
			-1;
	}


	body.chacha-account-view-order-page
	.woocommerce-columns--addresses {
		grid-template-columns:
			1fr;
	}

}


/**
 * ==========================================================
 * 52. MOBILE
 * ==========================================================
 */

@media (max-width: 760px) {

	.chacha-order-detail-hero {
		padding:
			20px;
	}


	.chacha-order-detail-hero__top {
		flex-direction:
			column;

		gap:
			16px;
	}


	.chacha-order-detail-hero
	h2 {
		font-size:
			32px;
	}


	.chacha-order-detail-meta {
		grid-template-columns:
			1fr;
	}


	.chacha-order-detail-meta
	> div:last-child {
		grid-column:
			auto;
	}


	body.chacha-account-view-order-page
	.woocommerce-order-details {
		padding:
			20px;
	}


	body.chacha-account-view-order-page
	.woocommerce-table--order-details
	thead {
		display:
			none;
	}


	body.chacha-account-view-order-page
	.woocommerce-table--order-details
	tbody
	tr {
		display:
			grid;

		grid-template-columns:
			1fr;

		padding:
			17px
			0;

		border-bottom:
			1px
			solid
			#EDE6DD;
	}


	body.chacha-account-view-order-page
	.woocommerce-table--order-details
	tbody
	td {
		display:
			block;

		width:
			100% !important;

		padding:
			0 !important;

		border:
			0 !important;
	}


	body.chacha-account-view-order-page
	.woocommerce-table--order-details
	.product-total {
		margin-top:
			12px;

		text-align:
			right;
	}


	.chacha-order-product {
		grid-template-columns:
			68px
			minmax(
				0,
				1fr
			);
	}


	.chacha-order-product__media {
		width:
			68px;

		height:
			68px;
	}


	body.chacha-account-view-order-page
	.woocommerce-column--billing-address,

	body.chacha-account-view-order-page
	.woocommerce-column--shipping-address {
		padding:
			20px;
	}

}


/**
 * ==========================================================
 * 53. REDUCED MOTION
 * ==========================================================
 */

@media (
	prefers-reduced-motion: reduce
) {

	.chacha-order-detail-hero__footer
	a,

	.chacha-order-product__content
	a {
		transition:
			none;
	}

}
/**
 * ==========================================================
 * CHACHA HOME — MY ACCOUNT UX V1.4
 * ADDRESSES
 * ==========================================================
 */


/**
 * ==========================================================
 * 54. ADDRESS OVERVIEW DESCRIPTION
 * ==========================================================
 */

body.chacha-account-address-overview
.woocommerce-MyAccount-content
> p {
	max-width:
		680px;

	margin:
		0
		0
		24px !important;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		10px;

	line-height:
		1.7;

	color:
		#6A5F58;
}


/**
 * ==========================================================
 * 55. ADDRESS CARDS GRID
 * ==========================================================
 */

body.chacha-account-address-overview
.woocommerce-Addresses {
	display:
	grid !important;

	grid-template-columns:
		repeat(
			2,
			minmax(
				0,
				1fr
			)
		);

	gap:
		16px;

	width:
		100%;

	margin:
		0 !important;
}


body.chacha-account-address-overview
.woocommerce-Address {
	display:
		flex;

	flex-direction:
		column;

	float:
		none !important;

	width:
		100% !important;

	min-height:
		280px;

	margin:
		0 !important;

	padding:
		24px;

	border:
		1px
		solid
		var(--chacha-border-soft);

	background:
		#FFFDFC;

	box-sizing:
		border-box;

	transition:
		border-color
		160ms
		ease,
		box-shadow
		160ms
		ease,
		transform
		160ms
		ease;
}


body.chacha-account-address-overview
.woocommerce-Address:hover {
	border-color:
		#C8B69E;

	box-shadow:
		0
		8px
		24px
		rgba(
			32,
			26,
			23,
			0.035
		);

	transform:
		translateY(
			-1px
		);
}


/**
 * ==========================================================
 * 56. ADDRESS CARD HEADER
 * ==========================================================
 */

body.chacha-account-address-overview
.woocommerce-Address-title {
	display:
		flex;

	align-items:
		center;

	justify-content:
		space-between;

	gap:
		16px;

	margin:
		0
		0
		22px;

	padding:
		0
		0
		16px;

	border-bottom:
		1px
		solid
		#EDE6DD;
}


body.chacha-account-address-overview
.woocommerce-Address-title
h2 {
	float:
		none !important;

	margin:
		0 !important;

	font-family:
		var(--chacha-font-heading, "Cormorant Garamond", serif);

	font-size:
		27px;

	font-weight:
		500;

	line-height:
		1;

	color:
		#201A17;
}


/**
 * Edit / Add button
 */

body.chacha-account-address-overview
.woocommerce-Address-title
.edit {
	display:
		inline-flex;

	align-items:
		center;

	justify-content:
		center;

	flex:
		0
		0
		auto;

	float:
		none !important;

	min-height:
		38px;

	padding:
		0
		18px;

	border:
		1px
		solid
		#D7CEC4;

	background:
		#FFFDFC;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		7px;

	font-weight:
		700;

	line-height:
		1.2;

	letter-spacing:
		0.065em;

	text-transform:
		uppercase;

	white-space:
		nowrap;

	color:
		#201A17;

	text-decoration:
		none;

	box-sizing:
		border-box;

	transition:
		border-color
		160ms
		ease,
		background-color
		160ms
		ease,
		color
		160ms
		ease;
}


body.chacha-account-address-overview
.woocommerce-Address-title
.edit:hover {
	border-color:
		#B08D57;

	background:
		#F6F1EA;

	color:
		#8F6F3F;
}


/**
 * ==========================================================
 * 57. ADDRESS TEXT
 * ==========================================================
 */

body.chacha-account-address-overview
.woocommerce-Address
address {
	flex:
		1;

	margin:
		0;

	padding:
		0;

	border:
		0;

	background:
		transparent;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		10px;

	font-style:
		normal;

	line-height:
		1.8;

	color:
		#5F554F;
}


/**
 * ==========================================================
 * 58. INVOICE TYPE META
 * ==========================================================
 */

.chacha-account-address-meta {
	display:
		flex;

	flex-direction:
		column;

	align-items:
		flex-start;

	gap:
		6px;

	margin-top:
		18px;

	padding-top:
		16px;

	border-top:
		1px
		solid
		#EDE6DD;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		8px;

	line-height:
		1.5;

	color:
		#7B7069;
}


.chacha-account-address-meta
strong {
	font-weight:
		650;

	color:
		#3B322D;
}


.chacha-account-address-meta__badge {
	display:
		inline-flex;

	align-items:
		center;

	justify-content:
		center;

	min-height:
		28px;

	padding:
		0
		10px;

	border:
		1px
		solid
		#D7CEC4;

	background:
		#F6F1EA;

	font-size:
		7px;

	font-weight:
		700;

	letter-spacing:
		0.06em;

	text-transform:
		uppercase;

	color:
		#8F6F3F;
}


/**
 * ==========================================================
 * 59. EDIT ADDRESS FORM
 * ==========================================================
 */

body.chacha-account-edit-address-page
.woocommerce-MyAccount-content
form {
	margin:
		0;

	padding:
		28px;

	border:
		1px
		solid
		var(--chacha-border-soft);

	background:
		#FFFDFC;

	box-sizing:
		border-box;
}


/**
 * We already render our own section header.
 */

body.chacha-account-edit-address-page
.woocommerce-MyAccount-content
form
> h2 {
	display:
		none;
}


body.chacha-account-edit-address-page
.woocommerce-address-fields {
	width:
		100%;
}


body.chacha-account-edit-address-page
.woocommerce-address-fields__field-wrapper {
	display:
		grid;

	grid-template-columns:
		repeat(
			2,
			minmax(
				0,
				1fr
			)
		);

	gap:
		18px
		16px;
}


/**
 * ==========================================================
 * 60. FORM ROWS
 * ==========================================================
 */

body.chacha-account-edit-address-page
.woocommerce-address-fields
.form-row {
	float:
		none !important;

	width:
		100% !important;

	margin:
		0 !important;

	padding:
		0;
}


body.chacha-account-edit-address-page
.woocommerce-address-fields
.form-row-wide,

body.chacha-account-edit-address-page
#billing_invoice_type_field,

body.chacha-account-edit-address-page
#billing_company_field,

body.chacha-account-edit-address-page
#billing_country_field,

body.chacha-account-edit-address-page
#billing_address_1_field,

body.chacha-account-edit-address-page
#billing_address_2_field,

body.chacha-account-edit-address-page
#shipping_country_field,

body.chacha-account-edit-address-page
#shipping_address_1_field,

body.chacha-account-edit-address-page
#shipping_address_2_field {
	grid-column:
		1
		/
		-1;
}


/**
 * Labels
 */

body.chacha-account-edit-address-page
.woocommerce-address-fields
.form-row
label {
	display:
		block;

	margin:
		0
		0
		7px;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		9px;

	font-weight:
		650;

	line-height:
		1.4;

	color:
		#3B322D;
}


/**
 * Inputs
 */

body.chacha-account-edit-address-page
.woocommerce-address-fields
.input-text,

body.chacha-account-edit-address-page
.woocommerce-address-fields
select {
	width:
		100%;

	min-height:
		50px;

	padding:
		0
		14px;

	border:
		1px
		solid
		#D7CEC4;

	border-radius:
		0;

	background:
		#FFFDFC;

	box-shadow:
		none;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		10px;

	color:
		#201A17;

	box-sizing:
		border-box;
}


body.chacha-account-edit-address-page
.woocommerce-address-fields
.input-text:focus,

body.chacha-account-edit-address-page
.woocommerce-address-fields
select:focus {
	border-color:
		#B08D57;

	outline:
		none;

	box-shadow:
		0
		0
		0
		2px
		rgba(
			176,
			141,
			87,
			0.08
		);
}


/**
 * Select2
 */

body.chacha-account-edit-address-page
.select2-container {
	width:
		100% !important;
}


body.chacha-account-edit-address-page
.select2-container
.select2-selection--single {
	height:
		50px;

	border:
		1px
		solid
		#D7CEC4;

	border-radius:
		0;

	background:
		#FFFDFC;
}


body.chacha-account-edit-address-page
.select2-container
.select2-selection--single
.select2-selection__rendered {
	height:
		48px;

	padding:
		0
		38px
		0
		14px;

	line-height:
		48px;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		10px;

	color:
		#201A17;
}


body.chacha-account-edit-address-page
.select2-container
.select2-selection--single
.select2-selection__arrow {
	height:
		48px;
}


/**
 * ==========================================================
 * 61. INVOICE TYPE
 * ==========================================================
 */

body.chacha-account-edit-billing-address
#billing_invoice_type_field {
	margin-bottom:
		4px !important;

	padding:
		16px;

	border:
		1px
		solid
		var(--chacha-border-subtle);

	background:
		var(--chacha-surface-soft);
}


body.chacha-account-edit-billing-address
#billing_invoice_type_field
> label {
	margin-bottom:
		11px;
}


body.chacha-account-edit-billing-address
#billing_invoice_type_field
.woocommerce-input-wrapper {
	display:
		grid;

	grid-template-columns:
		repeat(
			2,
			minmax(
				0,
				1fr
			)
		);

	gap:
		10px;
}


body.chacha-account-edit-billing-address
#billing_invoice_type_field
input[type="radio"] {
	position:
		absolute;

	opacity:
		0;

	pointer-events:
		none;
}


body.chacha-account-edit-billing-address
#billing_invoice_type_field
label.radio {
	position:
		relative;

	display:
		flex;

	align-items:
		center;

	min-height:
		44px;

	margin:
		0 !important;

	padding:
		0
		14px
		0
		41px;

	border:
		1px
		solid
		#D7CEC4;

	background:
		#FFFDFC;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		9px;

	font-weight:
		600;

	color:
		#3B322D;

	cursor:
		pointer;
}


body.chacha-account-edit-billing-address
#billing_invoice_type_field
label.radio::before {
	content:
		"";

	position:
		absolute;

	left:
		14px;

	top:
		50%;

	width:
		16px;

	height:
		16px;

	border:
		1px
		solid
		#B9AEA4;

	border-radius:
		50%;

	background:
		#FFFDFC;

	transform:
		translateY(
			-50%
		);
}


body.chacha-account-edit-billing-address
#billing_invoice_type_field
input[type="radio"]:checked
+
label.radio {
	border-color:
		#B08D57;

	color:
		#201A17;
}


body.chacha-account-edit-billing-address
#billing_invoice_type_field
input[type="radio"]:checked
+
label.radio::before {
	border:
		5px
		solid
		#201A17;
}


/**
 * Corporate fields
 */

body.chacha-account-edit-billing-address
.chacha-account-corporate-field[hidden] {
	display:
		none !important;
}


.chacha-account-required-mark {
	color:
		#A63D40;
}


/**
 * ==========================================================
 * 62. SAVE BUTTON
 * ==========================================================
 */

body.chacha-account-edit-address-page
.woocommerce-address-fields
> p:last-child {
	margin:
		26px
		0
		0 !important;

	padding-top:
		20px;

	border-top:
		1px
		solid
		#EDE6DD;
}


body.chacha-account-edit-address-page
.woocommerce-address-fields
button[type="submit"] {
	display:
		inline-flex;

	align-items:
		center;

	justify-content:
		center;

	min-width:
		190px;

	min-height:
		50px;

	margin:
		0;

	padding:
		0
		22px;

	border:
		1px
		solid
		#201A17;

	border-radius:
		0;

	background:
		#201A17;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		8px;

	font-weight:
		700;

	letter-spacing:
		0.08em;

	text-transform:
		uppercase;

	color:
		#FFFDFC;

	cursor:
		pointer;
}


body.chacha-account-edit-address-page
.woocommerce-address-fields
button[type="submit"]:hover {
	border-color:
		#B08D57;

	background:
		#B08D57;

	color:
		#FFFDFC;
}


/**
 * ==========================================================
 * 63. BACK LINK
 * ==========================================================
 */

.chacha-account-address-back {
	margin-top:
		18px;
}


.chacha-account-address-back
a {
	display:
		inline-flex;

	align-items:
		center;

	gap:
		8px;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		8px;

	font-weight:
		700;

	letter-spacing:
		0.06em;

	text-transform:
		uppercase;

	color:
		#3B322D;

	text-decoration:
		none;
}


.chacha-account-address-back
a:hover {
	color:
		#8F6F3F;
}


/**
 * ==========================================================
 * 64. TABLET / MOBILE
 * ==========================================================
 */

@media (max-width: 900px) {

	body.chacha-account-address-overview
	.woocommerce-Addresses {
		grid-template-columns:
			1fr;
	}


	body.chacha-account-address-overview
	.woocommerce-Address {
		min-height:
			0;
	}

}


@media (max-width: 760px) {

	body.chacha-account-edit-address-page
	.woocommerce-MyAccount-content
	form {
		padding:
			20px;
	}


	body.chacha-account-edit-address-page
	.woocommerce-address-fields__field-wrapper {
		grid-template-columns:
			1fr;
	}


	body.chacha-account-edit-address-page
	.woocommerce-address-fields
	.form-row,

	body.chacha-account-edit-address-page
	.woocommerce-address-fields
	.form-row-wide,

	body.chacha-account-edit-address-page
	#billing_invoice_type_field,

	body.chacha-account-edit-address-page
	#billing_company_field,

	body.chacha-account-edit-address-page
	#billing_country_field,

	body.chacha-account-edit-address-page
	#billing_address_1_field,

	body.chacha-account-edit-address-page
	#billing_address_2_field,

	body.chacha-account-edit-address-page
	#shipping_country_field,

	body.chacha-account-edit-address-page
	#shipping_address_1_field,

	body.chacha-account-edit-address-page
	#shipping_address_2_field {
		grid-column:
			1;
	}


	body.chacha-account-edit-billing-address
	#billing_invoice_type_field
	.woocommerce-input-wrapper {
		grid-template-columns:
			1fr;
	}


	body.chacha-account-address-overview
	.woocommerce-Address {
		padding:
			20px;
	}


	body.chacha-account-address-overview
	.woocommerce-Address-title {
		align-items:
			flex-start;
	}


	body.chacha-account-address-overview
	.woocommerce-Address-title
	h2 {
		font-size:
			24px;
	}


	body.chacha-account-edit-address-page
	.woocommerce-address-fields
	button[type="submit"] {
		width:
			100%;
	}

}


/**
 * ==========================================================
 * 65. REDUCED MOTION
 * ==========================================================
 */

@media (
	prefers-reduced-motion: reduce
) {

	body.chacha-account-address-overview
	.woocommerce-Address,

	body.chacha-account-address-overview
	.woocommerce-Address-title
	.edit {
		transition:
			none;
	}

}
/**
 * ==========================================================
 * CHACHA HOME — ADDRESS GRID FIX V1.4.2
 * WooCommerce clearfix pseudo-elements
 * ==========================================================
 */

body.chacha-account-address-overview
.woocommerce-Addresses::before,

body.chacha-account-address-overview
.woocommerce-Addresses::after {
	content:
		none !important;

	display:
		none !important;
}


/**
 * Explicit desktop card placement
 */

@media (min-width: 901px) {

	body.chacha-account-address-overview
	.woocommerce-Addresses {
		display:
			grid !important;

		grid-template-columns:
			repeat(
				2,
				minmax(
					0,
					1fr
				)
			) !important;

		align-items:
			stretch !important;

		gap:
			16px !important;
	}


	body.chacha-account-address-overview
	.woocommerce-Addresses
	.woocommerce-Address {
		grid-row:
			1 !important;

		align-self:
			stretch !important;

		margin:
			0 !important;
	}


	body.chacha-account-address-overview
	.woocommerce-Addresses
	.u-column1 {
		grid-column:
			1 !important;
	}


	body.chacha-account-address-overview
	.woocommerce-Addresses
	.u-column2 {
		grid-column:
			2 !important;
	}

}
/**
 * ==========================================================
 * CHACHA HOME — MY ACCOUNT UX V1.5
 * ACCOUNT DETAILS
 * ==========================================================
 */


/**
 * ==========================================================
 * 66. FORM CONTAINER
 * ==========================================================
 */

body.chacha-account-details-page
.woocommerce-EditAccountForm {
	display:
	grid;

	grid-template-columns:
		repeat(
			2,
			minmax(
				0,
				1fr
			)
		);

	gap:
		18px
		16px;

	width:
		100%;

	margin:
		0;

	padding:
		28px;

	border:
		1px
		solid
		var(--chacha-border-soft);

	background:
		#FFFDFC;

	box-sizing:
		border-box;
}


/**
 * Header spans entire form
 */

body.chacha-account-details-page
.woocommerce-EditAccountForm
.chacha-account-section-header {
	grid-column:
		1
		/
		-1;

	margin-bottom:
		6px;
}


/**
 * ==========================================================
 * 67. CLEARFIX ELEMENTS
 * ==========================================================
 */

body.chacha-account-details-page
.woocommerce-EditAccountForm
.clear {
	display:
		none !important;
}


/**
 * ==========================================================
 * 68. FORM ROWS
 * ==========================================================
 */

body.chacha-account-details-page
.woocommerce-EditAccountForm
.form-row {
	float:
		none !important;

	width:
		100% !important;

	margin:
		0 !important;

	padding:
		0;
}


/**
 * First / last name
 */

body.chacha-account-details-page
.chacha-account-field-first-name {
	grid-column:
		1;
}


body.chacha-account-details-page
.chacha-account-field-last-name {
	grid-column:
		2;
}


/**
 * Full-width account fields
 */

body.chacha-account-details-page
.chacha-account-field-display-name,

body.chacha-account-details-page
.chacha-account-field-email {
	grid-column:
		1
		/
		-1;
}


/**
 * ==========================================================
 * 69. LABELS
 * ==========================================================
 */

body.chacha-account-details-page
.woocommerce-EditAccountForm
label {
	display:
		block;

	margin:
		0
		0
		7px;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		9px;

	font-weight:
		650;

	line-height:
		1.4;

	color:
		#3B322D;
}


/**
 * ==========================================================
 * 70. INPUTS
 * ==========================================================
 */

body.chacha-account-details-page
.woocommerce-EditAccountForm
.input-text {
	width:
		100%;

	min-height:
		50px;

	margin:
		0;

	padding:
		0
		14px;

	border:
		1px
		solid
		#D7CEC4;

	border-radius:
		0;

	background:
		#FFFDFC;

	box-shadow:
		none;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		10px;

	line-height:
		1.4;

	color:
		#201A17;

	box-sizing:
		border-box;

	transition:
		border-color
		160ms
		ease,
		box-shadow
		160ms
		ease;
}


body.chacha-account-details-page
.woocommerce-EditAccountForm
.input-text:focus {
	border-color:
		#B08D57;

	outline:
		none;

	box-shadow:
		0
		0
		0
		2px
		rgba(
			176,
			141,
			87,
			0.08
		);
}


/**
 * ==========================================================
 * 71. DISPLAY NAME HELP
 * ==========================================================
 */

body.chacha-account-details-page
.chacha-account-field-display-name
span {
	display:
		block;

	margin-top:
		7px;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		8px;

	font-style:
		normal;

	line-height:
		1.55;

	color:
		#8B7F78;
}


body.chacha-account-details-page
.chacha-account-field-display-name
em {
	font-style:
		normal;
}


/**
 * ==========================================================
 * 72. PASSWORD PANEL
 * ==========================================================
 */

body.chacha-account-details-page
.chacha-account-password-panel {
	grid-column:
		1
		/
		-1;

	display:
	grid;

	grid-template-columns:
		repeat(
			2,
			minmax(
				0,
				1fr
			)
		);

	gap:
		18px
		16px;

	margin:
		10px
		0
		0;

	padding:
		24px;

	border:
		1px
		solid
		var(--chacha-border-subtle);

	background:
		var(--chacha-surface-soft);
}


/**
 * Password title
 */

body.chacha-account-details-page
.chacha-account-password-panel
legend {
	grid-column:
		1
		/
		-1;

	width:
		100%;

	margin:
		0
		0
		4px;

	padding:
		0
		0
		15px;

	border-bottom:
		1px
		solid
		#E5DDD4;

	font-family:
		var(--chacha-font-heading, "Cormorant Garamond", serif);

	font-size:
		26px;

	font-weight:
		500;

	line-height:
		1;

	color:
		#201A17;
}


/**
 * Current password
 */

body.chacha-account-details-page
.chacha-account-field-password-current {
	grid-column:
		1
		/
		-1;
}


/**
 * New / confirm password
 */

body.chacha-account-details-page
.chacha-account-field-password-new {
	grid-column:
		1;
}


body.chacha-account-details-page
.chacha-account-field-password-confirm {
	grid-column:
		2;
}


/**
 * ==========================================================
 * 73. PASSWORD SHOW / HIDE
 * ==========================================================
 */

body.chacha-account-details-page
.chacha-account-password-wrap {
	position:
		relative;

	display:
		block;
}


body.chacha-account-details-page
.chacha-account-password-wrap
.input-text {
	padding-right:
		74px;
}


body.chacha-account-details-page
.chacha-account-password-toggle {
	position:
		absolute;

	top:
		50%;

	right:
		12px;

	z-index:
		2;

	padding:
		5px
		7px;

	border:
		0;

	background:
		transparent;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		7px;

	font-weight:
		700;

	line-height:
		1;

	letter-spacing:
		0.06em;

	text-transform:
		uppercase;

	color:
		#8F6F3F;

	cursor:
		pointer;

	transform:
		translateY(
			-50%
		);
}


body.chacha-account-details-page
.chacha-account-password-toggle:hover {
	color:
		#201A17;
}


/**
 * ==========================================================
 * 74. SECURITY NOTE
 * ==========================================================
 */

.chacha-account-security-note {
	grid-column:
		1
		/
		-1;

	display:
		grid;

	grid-template-columns:
		34px
		minmax(
			0,
			1fr
		);

	gap:
		13px;

	align-items:
		start;

	margin:
		6px
		0
		0;

	padding:
		16px;

	border:
		1px
		solid
		#D9E2DA;

	background:
		#F5F8F5;
}


.chacha-account-security-note__icon {
	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	width:
		32px;

	height:
		32px;

	border:
		1px
		solid
		#BFCFC2;

	border-radius:
		50%;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		12px;

	font-weight:
		700;

	color:
		#2F6B4F;
}


.chacha-account-security-note
strong {
	display:
		block;

	margin:
		1px
		0
		4px;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		9px;

	font-weight:
		700;

	color:
		#2F4F3C;
}


.chacha-account-security-note
p {
	margin:
		0 !important;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		8px;

	line-height:
		1.6;

	color:
		#5F6F64;
}


/**
 * ==========================================================
 * 75. SAVE AREA
 * ==========================================================
 */

body.chacha-account-details-page
.woocommerce-EditAccountForm
> p:last-of-type {
	grid-column:
		1
		/
		-1;

	margin:
		6px
		0
		0 !important;

	padding-top:
		20px;

	border-top:
		1px
		solid
		#EDE6DD;
}


/**
 * Save button
 */

body.chacha-account-details-page
.woocommerce-EditAccountForm
button[name="save_account_details"] {
	display:
		inline-flex;

	align-items:
		center;

	justify-content:
		center;

	min-width:
		210px;

	min-height:
		50px;

	margin:
		0;

	padding:
		0
		22px;

	border:
		1px
		solid
		#201A17;

	border-radius:
		0;

	background:
		#201A17;

	box-shadow:
		none;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		8px;

	font-weight:
		700;

	letter-spacing:
		0.08em;

	text-transform:
		uppercase;

	color:
		#FFFDFC;

	cursor:
		pointer;

	transition:
		background-color
		160ms
		ease,
		border-color
		160ms
		ease;
}


body.chacha-account-details-page
.woocommerce-EditAccountForm
button[name="save_account_details"]:hover {
	border-color:
		#B08D57;

	background:
		#B08D57;

	color:
		#FFFDFC;
}


/**
 * Loading
 */

body.chacha-account-details-page
.woocommerce-EditAccountForm
button.is-loading {
	opacity:
		0.7;

	cursor:
		wait;
}


/**
 * ==========================================================
 * 76. WOOCOMMERCE NOTICES
 * ==========================================================
 */

body.chacha-account-details-page
.woocommerce-error,

body.chacha-account-details-page
.woocommerce-message {
	margin:
		0
		0
		22px !important;

	padding:
		15px
		18px !important;

	border:
		1px
		solid
		var(--chacha-border-subtle) !important;

	border-top:
		1px
		solid
		var(--chacha-border-subtle) !important;

	background:
		var(--chacha-surface-soft);

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		9px;

	line-height:
		1.6;
}


body.chacha-account-details-page
.woocommerce-error::before,

body.chacha-account-details-page
.woocommerce-message::before {
	display:
		none;
}


/**
 * ==========================================================
 * 77. MOBILE
 * ==========================================================
 */

@media (max-width: 760px) {

	body.chacha-account-details-page
	.woocommerce-EditAccountForm {
		grid-template-columns:
			1fr;

		padding:
			20px;
	}


	body.chacha-account-details-page
	.chacha-account-field-first-name,

	body.chacha-account-details-page
	.chacha-account-field-last-name,

	body.chacha-account-details-page
	.chacha-account-field-display-name,

	body.chacha-account-details-page
	.chacha-account-field-email {
		grid-column:
			1;
	}


	body.chacha-account-details-page
	.chacha-account-password-panel {
		grid-template-columns:
			1fr;

		padding:
			18px;
	}


	body.chacha-account-details-page
	.chacha-account-field-password-current,

	body.chacha-account-details-page
	.chacha-account-field-password-new,

	body.chacha-account-details-page
	.chacha-account-field-password-confirm {
		grid-column:
			1;
	}


	body.chacha-account-details-page
	.woocommerce-EditAccountForm
	button[name="save_account_details"] {
		width:
			100%;
	}


	.chacha-account-security-note {
		grid-template-columns:
			1fr;
	}

}


/**
 * ==========================================================
 * 78. REDUCED MOTION
 * ==========================================================
 */

@media (
	prefers-reduced-motion: reduce
) {

	body.chacha-account-details-page
	.woocommerce-EditAccountForm
	.input-text,

	body.chacha-account-details-page
	.woocommerce-EditAccountForm
	button[name="save_account_details"] {
		transition:
			none;
	}

}
/**
 * ==========================================================
 * CHACHA HOME — MY ACCOUNT UX V1.6
 * TABLET + MOBILE FINAL POLISH
 * ==========================================================
 *
 * Breakpoints
 *
 * 1180px : Narrow desktop
 * 1000px : Tablet
 * 760px  : Mobile account layout
 * 480px  : Small mobile
 *
 * This block intentionally lives at the END of account.css.
 */


/**
 * ==========================================================
 * 79. GLOBAL RESPONSIVE SAFETY
 * ==========================================================
 */

body.chacha-account-authenticated
.woocommerce,

body.chacha-account-authenticated
.woocommerce-MyAccount-content,

body.chacha-account-authenticated
.account-navigation-wrap,

body.chacha-account-authenticated
.chacha-account-dashboard,

body.chacha-account-authenticated
.woocommerce-Addresses,

body.chacha-account-authenticated
.woocommerce-EditAccountForm {
	min-width:
		0;
}


body.chacha-account-authenticated
.woocommerce-MyAccount-content
img {
	max-width:
		100%;
}


/**
 * Prevent long text / email / product names
 * from breaking responsive layout.
 */

body.chacha-account-authenticated
.woocommerce-MyAccount-content,

body.chacha-account-authenticated
.chacha-account-profile,

body.chacha-account-authenticated
.woocommerce-MyAccount-navigation {
	overflow-wrap:
		anywhere;
}


/**
 * ==========================================================
 * 80. NARROW DESKTOP
 * 1001 — 1180
 * ==========================================================
 */

@media (
	min-width: 1001px
)
and
(
	max-width: 1180px
) {

	body.chacha-account-authenticated
	.woocommerce {
		grid-template-columns:
			240px
			minmax(
				0,
				1fr
			) !important;

		column-gap:
			28px !important;

		max-width:
			1100px !important;

		padding:
			0
			24px !important;
	}


	/**
	 * Profile
	 */

	body.chacha-account-authenticated
	.chacha-account-profile {
		padding:
			18px !important;
	}


	/**
	 * Navigation
	 */

	body.chacha-account-authenticated
	.woocommerce-MyAccount-navigation
	a {
		padding-left:
			18px !important;

		padding-right:
			18px !important;
	}


	/**
	 * Section headings
	 */

	body.chacha-account-authenticated
	.chacha-account-section-header
	h2 {
		font-size:
			35px;
	}


	/**
	 * Account details
	 */

	body.chacha-account-details-page
	.woocommerce-EditAccountForm {
		padding:
			24px;
	}


	/**
	 * Address form
	 */

	body.chacha-account-edit-address-page
	.woocommerce-MyAccount-content
	form {
		padding:
			24px;
	}

}


/**
 * ==========================================================
 * 81. TABLET CORE LAYOUT
 * 761 — 1000
 * ==========================================================
 */

@media (
	min-width: 761px
)
and
(
	max-width: 1000px
) {

	body.chacha-account-authenticated
	.woocommerce {
		display:
			grid !important;

		grid-template-columns:
			220px
			minmax(
				0,
				1fr
			) !important;

		grid-template-areas:
			"intro intro"
			"profile content"
			"navigation content" !important;

		column-gap:
			20px !important;

		row-gap:
			0 !important;

		width:
			100% !important;

		max-width:
			100% !important;

		padding:
			0
			20px !important;

		box-sizing:
			border-box !important;
	}


	body.chacha-account-authenticated
	.account-navigation-wrap {
		display:
			contents !important;
	}


	body.chacha-account-authenticated
	.chacha-account-auth-intro {
		grid-area:
			intro !important;

		margin-bottom:
			28px !important;
	}


	body.chacha-account-authenticated
	.chacha-account-profile {
		grid-area:
			profile !important;

		width:
			100% !important;

		padding:
			16px !important;
	}


	body.chacha-account-authenticated
	.woocommerce-MyAccount-navigation {
		grid-area:
			navigation !important;

		display:
			block !important;

		width:
			100% !important;

		margin:
			0 !important;
	}


	body.chacha-account-authenticated
	.woocommerce-MyAccount-content {
		grid-area:
			content !important;

		width:
			100% !important;

		min-width:
			0 !important;

		margin:
			0 !important;

		padding:
			0 !important;
	}


	/**
	 * Smaller navigation text area
	 */

	body.chacha-account-authenticated
	.woocommerce-MyAccount-navigation
	a {
		padding:
			15px
			16px !important;

		font-size:
			9px;
	}


	/**
	 * Section headers
	 */

	body.chacha-account-authenticated
	.chacha-account-section-header {
		margin-bottom:
			22px;

		padding-bottom:
			20px;
	}


	body.chacha-account-authenticated
	.chacha-account-section-header
	h2 {
		font-size:
			33px;
	}


	body.chacha-account-authenticated
	.chacha-account-section-header
	> p:last-child {
		font-size:
			9px;
	}


	/**
	 * Dashboard
	 */

	body.chacha-account-authenticated
	.chacha-account-dashboard__cards {
		grid-template-columns:
			1fr !important;

		gap:
			10px !important;
	}

}


/**
 * ==========================================================
 * 82. TABLET — ORDERS
 * ==========================================================
 */

@media (
	min-width: 761px
)
and
(
	max-width: 900px
) {

	body.chacha-account-orders-page
	.woocommerce-orders-table
	tbody
	tr {
		display:
			grid;

		grid-template-columns:
			1fr
			1fr !important;

		gap:
			18px
			16px;

		min-height:
			0;

		padding:
			18px;
	}


	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-number {
		grid-column:
			1;
	}


	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-date {
		grid-column:
			2;

		text-align:
			right !important;
	}


	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-status {
		grid-column:
			1;

		width:
			fit-content !important;
	}


	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-total {
		grid-column:
			2;

		align-self:
			center;

		text-align:
			right !important;
	}


	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-actions {
		grid-column:
			1
			/
			-1;

		display:
			flex !important;

		justify-content:
			flex-end;

		width:
			100% !important;

		padding-top:
			14px !important;

		border-top:
			1px
			solid
			#EDE6DD !important;
	}

}


/**
 * ==========================================================
 * 83. TABLET — ADDRESS FORMS
 * ==========================================================
 */

@media (
	min-width: 761px
)
and
(
	max-width: 900px
) {

	body.chacha-account-address-overview
	.woocommerce-Addresses {
		grid-template-columns:
			1fr !important;
	}


	body.chacha-account-address-overview
	.woocommerce-Addresses
	.woocommerce-Address {
		grid-column:
			1 !important;

		grid-row:
			auto !important;

		min-height:
			0;
	}


	body.chacha-account-edit-address-page
	.woocommerce-MyAccount-content
	form {
		padding:
			22px;
	}


	body.chacha-account-edit-address-page
	.woocommerce-address-fields__field-wrapper {
		grid-template-columns:
			1fr !important;
	}


	body.chacha-account-edit-address-page
	.woocommerce-address-fields
	.form-row,

	body.chacha-account-edit-address-page
	.woocommerce-address-fields
	.form-row-wide,

	body.chacha-account-edit-address-page
	#billing_invoice_type_field,

	body.chacha-account-edit-address-page
	#billing_company_field,

	body.chacha-account-edit-address-page
	#billing_tax_number_field,

	body.chacha-account-edit-address-page
	#billing_tax_office_field,

	body.chacha-account-edit-address-page
	#billing_country_field,

	body.chacha-account-edit-address-page
	#billing_address_1_field,

	body.chacha-account-edit-address-page
	#billing_address_2_field,

	body.chacha-account-edit-address-page
	#shipping_country_field,

	body.chacha-account-edit-address-page
	#shipping_address_1_field,

	body.chacha-account-edit-address-page
	#shipping_address_2_field {
		grid-column:
			1 !important;
	}


	body.chacha-account-edit-billing-address
	#billing_invoice_type_field
	.woocommerce-input-wrapper {
		grid-template-columns:
			1fr
			1fr;
	}

}


/**
 * ==========================================================
 * 84. TABLET — ACCOUNT DETAILS
 * ==========================================================
 */

@media (
	min-width: 761px
)
and
(
	max-width: 900px
) {

	body.chacha-account-details-page
	.woocommerce-EditAccountForm {
		grid-template-columns:
			1fr !important;

		padding:
			22px;
	}


	body.chacha-account-details-page
	.chacha-account-field-first-name,

	body.chacha-account-details-page
	.chacha-account-field-last-name,

	body.chacha-account-details-page
	.chacha-account-field-display-name,

	body.chacha-account-details-page
	.chacha-account-field-email {
		grid-column:
			1 !important;
	}


	body.chacha-account-details-page
	.chacha-account-password-panel {
		grid-template-columns:
			1fr !important;

		padding:
			20px;
	}


	body.chacha-account-details-page
	.chacha-account-field-password-current,

	body.chacha-account-details-page
	.chacha-account-field-password-new,

	body.chacha-account-details-page
	.chacha-account-field-password-confirm {
		grid-column:
			1 !important;
	}

}


/**
 * ==========================================================
 * 85. TABLET — ORDER DETAIL
 * ==========================================================
 */

@media (
	min-width: 761px
)
and
(
	max-width: 900px
) {

	.chacha-order-detail-hero {
		padding:
			22px;
	}


	.chacha-order-detail-hero
	h2 {
		font-size:
			34px;
	}


	.chacha-order-detail-meta {
		grid-template-columns:
			1fr
			1fr;
	}


	.chacha-order-detail-meta
	> div:last-child {
		grid-column:
			1
			/
			-1;
	}


	body.chacha-account-view-order-page
	.woocommerce-order-details {
		padding:
			22px;
	}


	body.chacha-account-view-order-page
	.woocommerce-columns--addresses {
		grid-template-columns:
			1fr;
	}

}


/**
 * ==========================================================
 * 86. MOBILE ACCOUNT SHELL
 * <= 760
 * ==========================================================
 */

@media (
	max-width: 760px
) {

	body.chacha-account-authenticated
	.woocommerce {
		display:
			block !important;

		width:
			100% !important;

		max-width:
			100% !important;

		margin:
			0 !important;

		padding:
			0
			18px !important;

		box-sizing:
			border-box !important;
	}


	body.chacha-account-authenticated
	.account-navigation-wrap {
		display:
			block !important;

		width:
			100%;
	}


	/**
	 * Account intro
	 */

	body.chacha-account-authenticated
	.chacha-account-auth-intro {
		width:
			100% !important;

		margin:
			0
			0
			20px !important;
	}


	/**
	 * Profile
	 */

	body.chacha-account-authenticated
	.chacha-account-profile {
		width:
			100% !important;

		margin:
			0
			0
			12px !important;

		padding:
			16px !important;
	}


	/**
	 * Content
	 */

	body.chacha-account-authenticated
	.woocommerce-MyAccount-content {
		float:
			none !important;

		width:
			100% !important;

		max-width:
			none !important;

		min-width:
			0 !important;

		margin:
			22px
			0
			0 !important;

		padding:
			0 !important;
	}


	/**
	 * Hide Kadence avatar duplication.
	 */

	body.chacha-account-authenticated
	.kadence-account-avatar {
		display:
			none !important;
	}

}


/**
 * ==========================================================
 * 87. MOBILE NAVIGATION TOGGLE
 * ==========================================================
 */

@media (
	max-width: 760px
) {

	.chacha-account-mobile-nav-toggle {
		display:
			flex !important;

		align-items:
			center;

		justify-content:
			space-between;

		gap:
			14px;

		width:
			100%;

		min-height:
			50px;

		margin:
			0;

		padding:
			0
			16px;

		border:
			1px
			solid
			#D7CEC4;

		border-radius:
			0;

		background:
			#FFFDFC;

		font-family:
			var(--chacha-font-body, Inter, sans-serif);

		font-size:
			9px;

		font-weight:
			700;

		line-height:
			1;

		letter-spacing:
			0.04em;

		text-align:
			left;

		text-transform:
			uppercase;

		color:
			#201A17;

		cursor:
			pointer;

		box-sizing:
			border-box;
	}


	/**
	 * Navigation closed state.
	 */

	body.chacha-account-authenticated
	.woocommerce-MyAccount-navigation {
		display:
			none !important;

		float:
			none !important;

		width:
			100% !important;

		margin:
			8px
			0
			0 !important;
	}


	/**
	 * Supports both possible JS class placements.
	 */

	body.chacha-account-authenticated
	.woocommerce-MyAccount-navigation.is-open,

	body.chacha-account-authenticated
	.chacha-account-mobile-nav-toggle.is-open
	+
	.woocommerce-MyAccount-navigation {
		display:
			block !important;
	}


	body.chacha-account-authenticated
	.woocommerce-MyAccount-navigation
	ul {
		margin:
			0 !important;

		padding:
			0 !important;

		border:
			1px
			solid
			#D7CEC4;

		border-top:
			0;
	}


	body.chacha-account-authenticated
	.woocommerce-MyAccount-navigation
	li {
		margin:
			0 !important;
	}


	body.chacha-account-authenticated
	.woocommerce-MyAccount-navigation
	a {
		display:
			flex;

		align-items:
			center;

		min-height:
			48px;

		padding:
			0
			16px !important;

		font-size:
			9px;
	}

}


/**
 * ==========================================================
 * 88. MOBILE SECTION HEADERS
 * ==========================================================
 */

@media (
	max-width: 760px
) {

	body.chacha-account-authenticated
	.chacha-account-section-header {
		margin:
			0
			0
			20px;

		padding:
			0
			0
			18px;
	}


	body.chacha-account-authenticated
	.chacha-account-section-header__eyebrow {
		margin-bottom:
			7px !important;

		font-size:
			7px;
	}


	body.chacha-account-authenticated
	.chacha-account-section-header
	h2 {
		margin-bottom:
			9px;

		font-size:
			30px;

		line-height:
			1.05;
	}


	body.chacha-account-authenticated
	.chacha-account-section-header
	> p:last-child {
		font-size:
			9px;

		line-height:
			1.65;
	}

}


/**
 * ==========================================================
 * 89. MOBILE DASHBOARD
 * ==========================================================
 */

@media (
	max-width: 760px
) {

	body.chacha-account-dashboard-page
	.chacha-account-dashboard__cards {
		grid-template-columns:
			1fr !important;

		gap:
			10px !important;
	}


	body.chacha-account-dashboard-page
	.chacha-account-dashboard__card {
		min-height:
			0;
	}

}


/**
 * ==========================================================
 * 90. MOBILE ORDERS
 * ==========================================================
 */

@media (
	max-width: 760px
) {

	body.chacha-account-orders-page
	.woocommerce-orders-table
	tbody
	tr {
		padding:
			17px;
	}


	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-number
	a {
		font-size:
			21px;
	}


	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-actions {
		gap:
			8px;
	}


	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-actions
	.button {
		min-height:
			46px;
	}


	/**
	 * Verification notice
	 */

	body.chacha-account-orders-page
	.woocommerce-MyAccount-content
	.woocommerce-info,

	body.chacha-account-orders-page
	.woocommerce-MyAccount-content
	.woocommerce-message {
		padding:
			16px !important;

		font-size:
			9px;
	}

}


/**
 * ==========================================================
 * 91. MOBILE ORDER DETAIL
 * ==========================================================
 */

@media (
	max-width: 760px
) {

	.chacha-order-detail-hero {
		margin-bottom:
			18px;

		padding:
			18px;
	}


	.chacha-order-detail-hero__top {
		gap:
			14px;
	}


	.chacha-order-detail-hero
	h2 {
		font-size:
			30px;
	}


	.chacha-order-detail-status {
		min-height:
			32px;
	}


	.chacha-order-detail-meta {
		margin-top:
			20px;
	}


	.chacha-order-detail-meta
	> div {
		padding:
			13px
			14px;
	}


	body.chacha-account-view-order-page
	.woocommerce-order-details {
		margin-bottom:
			18px;

		padding:
			18px;
	}


	body.chacha-account-view-order-page
	.woocommerce-order-details__title {
		font-size:
			27px;
	}


	.chacha-order-product {
		grid-template-columns:
			64px
			minmax(
				0,
				1fr
			);

		gap:
			13px;
	}


	.chacha-order-product__media {
		width:
			64px;

		height:
			64px;
	}


	body.chacha-account-view-order-page
	.woocommerce-column--billing-address,

	body.chacha-account-view-order-page
	.woocommerce-column--shipping-address {
		padding:
			18px;
	}

}


/**
 * ==========================================================
 * 92. MOBILE ADDRESSES
 * ==========================================================
 */

@media (
	max-width: 760px
) {

	body.chacha-account-address-overview
	.woocommerce-Addresses {
		display:
			grid !important;

		grid-template-columns:
			1fr !important;

		gap:
			12px !important;
	}


	body.chacha-account-address-overview
	.woocommerce-Addresses
	.woocommerce-Address {
		grid-column:
			1 !important;

		grid-row:
			auto !important;

		width:
			100% !important;

		min-height:
			0;

		padding:
			18px;
	}


	body.chacha-account-address-overview
	.woocommerce-Address-title {
		flex-direction:
			column;

		align-items:
			flex-start;

		gap:
			12px;
	}


	body.chacha-account-address-overview
	.woocommerce-Address-title
	.edit {
		width:
			100%;

		min-height:
			42px;

		box-sizing:
			border-box;
	}


	/**
	 * Address edit
	 */

	body.chacha-account-edit-address-page
	.woocommerce-MyAccount-content
	form {
		padding:
			18px;
	}


	body.chacha-account-edit-address-page
	.woocommerce-address-fields__field-wrapper {
		gap:
			15px;
	}


	body.chacha-account-edit-address-page
	.woocommerce-address-fields
	.input-text,

	body.chacha-account-edit-address-page
	.woocommerce-address-fields
	select {
		min-height:
			48px;
	}


	body.chacha-account-edit-billing-address
	#billing_invoice_type_field {
		padding:
			14px;
	}


	body.chacha-account-edit-billing-address
	#billing_invoice_type_field
	.woocommerce-input-wrapper {
		grid-template-columns:
			1fr !important;
	}

}


/**
 * ==========================================================
 * 93. MOBILE ACCOUNT DETAILS
 * ==========================================================
 */

@media (
	max-width: 760px
) {

	body.chacha-account-details-page
	.woocommerce-EditAccountForm {
		gap:
			15px;

		padding:
			18px;
	}


	body.chacha-account-details-page
	.chacha-account-password-panel {
		margin-top:
			5px;

		padding:
			16px;
	}


	body.chacha-account-details-page
	.chacha-account-password-panel
	legend {
		font-size:
			24px;
	}


	.chacha-account-security-note {
		gap:
			10px;

		padding:
			14px;
	}

}


/**
 * ==========================================================
 * 94. MOBILE FORM TAP TARGETS
 * ==========================================================
 */

@media (
	max-width: 760px
) {

	body.chacha-account-authenticated
	input,

	body.chacha-account-authenticated
	select,

	body.chacha-account-authenticated
	textarea,

	body.chacha-account-authenticated
	button,

	body.chacha-account-authenticated
	.button {
		max-width:
			100%;
	}


	body.chacha-account-edit-address-page
	.woocommerce-address-fields
	button[type="submit"],

	body.chacha-account-details-page
	.woocommerce-EditAccountForm
	button[name="save_account_details"] {
		width:
			100%;

		min-height:
			50px;
	}

}


/**
 * ==========================================================
 * 95. SMALL MOBILE
 * <= 480
 * ==========================================================
 */

@media (
	max-width: 480px
) {

	body.chacha-account-authenticated
	.woocommerce {
		padding:
			0
			14px !important;
	}


	body.chacha-account-authenticated
	.chacha-account-profile {
		padding:
			14px !important;
	}


	body.chacha-account-authenticated
	.chacha-account-section-header
	h2 {
		font-size:
			28px;
	}


	/**
	 * Orders
	 */

	body.chacha-account-orders-page
	.woocommerce-orders-table
	tbody
	tr {
		grid-template-columns:
			1fr !important;
	}


	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-number,

	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-date,

	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-status,

	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-total {
		grid-column:
			1 !important;

		text-align:
			left !important;
	}


	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-actions {
		grid-column:
			1 !important;
	}


	/**
	 * Product detail
	 */

	.chacha-order-detail-hero
	h2 {
		font-size:
			27px;
	}


	.chacha-order-detail-meta
	.chacha-order-detail-meta__total {
		font-size:
			18px;
	}


	/**
	 * Address cards
	 */

	body.chacha-account-address-overview
	.woocommerce-Address-title
	h2 {
		font-size:
			23px;
	}


	/**
	 * Account forms
	 */

	body.chacha-account-details-page
	.woocommerce-EditAccountForm,

	body.chacha-account-edit-address-page
	.woocommerce-MyAccount-content
	form {
		padding:
			15px;
	}

}


/**
 * ==========================================================
 * 96. HOVER ONLY ON DEVICES THAT SUPPORT HOVER
 * ==========================================================
 */

@media (
	hover: none
) {

	body.chacha-account-address-overview
	.woocommerce-Address:hover,

	body.chacha-account-orders-page
	.woocommerce-orders-table
	tbody
	tr:hover {
		transform:
			none;

		box-shadow:
			none;
	}

}


/**
 * ==========================================================
 * 97. FINAL REDUCED MOTION
 * ==========================================================
 */

@media (
	prefers-reduced-motion: reduce
) {

	body.chacha-account-authenticated
	* {
		scroll-behavior:
			auto !important;
	}

}
/**
 * ==========================================================
 * CHACHA HOME — MY ACCOUNT V1.6.1
 * TABLET / NARROW DESKTOP FIX
 * ==========================================================
 *
 * Fixes:
 * 1. 1024px dashboard card compression
 * 2. 768px profile → navigation vertical gap
 *
 * Mobile <= 760px is intentionally untouched.
 */


/**
 * ==========================================================
 * 1024 / NARROW DESKTOP
 * 1001px — 1180px
 * ==========================================================
 */

@media (min-width: 1001px) and (max-width: 1180px) {

	/**
	 * Give the main content a little more breathing room.
	 */

	body.chacha-account-authenticated
	.woocommerce {
		grid-template-columns:
			230px
			minmax(
				0,
				1fr
			) !important;

		column-gap:
			26px !important;
	}


	/**
	 * Dashboard cards:
	 *
	 * 3 columns are too compressed around 1024px.
	 * Use two comfortable columns instead.
	 */

	body.chacha-account-dashboard-page
	.chacha-account-dashboard__cards {
		display:
			grid !important;

		grid-template-columns:
			repeat(
				2,
				minmax(
					0,
					1fr
				)
			) !important;

		gap:
			12px !important;
	}


	/**
	 * Third card uses the full second row.
	 */

	body.chacha-account-dashboard-page
	.chacha-account-dashboard__card:nth-child(3) {
		grid-column:
			1
			/
			-1;
	}


	/**
	 * Avoid ugly title wrapping.
	 */

	body.chacha-account-dashboard-page
	.chacha-account-dashboard__card
	h3 {
		overflow-wrap:
			normal;

		word-break:
			normal;

		hyphens:
			none;
	}

}


/**
 * ==========================================================
 * TABLET
 * 761px — 1000px
 * ==========================================================
 */

@media (min-width: 761px) and (max-width: 1000px) {

	/**
	 * Critical fix:
	 *
	 * Content spans profile + navigation rows.
	 * Two auto rows allow the browser to distribute
	 * the spanning content height between them,
	 * producing the large empty space under profile.
	 *
	 * Force profile row to stay at its natural height.
	 */

	body.chacha-account-authenticated
	.woocommerce {
		grid-template-rows:
			auto
			max-content
			auto !important;
	}


	body.chacha-account-authenticated
	.chacha-account-profile {
		align-self:
			start !important;

		margin:
			0 !important;
	}


	body.chacha-account-authenticated
	.woocommerce-MyAccount-navigation {
		align-self:
			start !important;

		margin-top:
			12px !important;
	}


	/**
	 * Dashboard cards remain stacked on tablet.
	 */

	body.chacha-account-dashboard-page
	.chacha-account-dashboard__cards {
		grid-template-columns:
			1fr !important;

		gap:
			10px !important;
	}


	body.chacha-account-dashboard-page
	.chacha-account-dashboard__card {
		width:
			100%;

		min-width:
			0;
	}


	body.chacha-account-dashboard-page
	.chacha-account-dashboard__card
	h3 {
		overflow-wrap:
			normal;

		word-break:
			normal;

		hyphens:
			none;
	}

}
/**
 * ==========================================================
 * CHACHA HOME — ACCOUNT SIDEBAR FINAL FIX V1.6.2
 * ==========================================================
 *
 * Replaces:
 *
 * profile     | content
 * navigation  | content
 *
 * With:
 *
 * sidebar     | content
 *
 * Profile and navigation now live inside one sidebar.
 */


/**
 * ==========================================================
 * TABLET + DESKTOP
 * ==========================================================
 */

@media (min-width: 761px) {

	/**
	 * Parent grid now has only two actual content rows.
	 */

	body.chacha-account-authenticated
	.woocommerce {
		grid-template-areas:
			"intro intro"
			"sidebar content" !important;

		grid-template-rows:
			auto
			auto !important;

		align-items:
			start !important;
	}


	/**
	 * Kadence wrapper stays transparent to the parent grid.
	 */

	body.chacha-account-authenticated
	.account-navigation-wrap {
		display:
			contents !important;
	}


	/**
	 * Account page intro.
	 */

	body.chacha-account-authenticated
	.chacha-account-auth-intro {
		grid-area:
			intro !important;

		align-self:
			start !important;
	}


	/**
	 * New unified sidebar.
	 */

	body.chacha-account-authenticated
	.chacha-account-sidebar {
		grid-area:
			sidebar !important;

		display:
			flex !important;

		flex-direction:
			column;

		align-items:
			stretch;

		align-self:
			start !important;

		gap:
			12px;

		width:
			100%;

		min-width:
			0;

		margin:
			0 !important;

		padding:
			0 !important;
	}


	/**
	 * Profile is no longer a parent-grid item.
	 */

	body.chacha-account-authenticated
	.chacha-account-sidebar
	.chacha-account-profile {
		grid-area:
			auto !important;

		flex:
			0
			0
			auto;

		width:
			100% !important;

		margin:
			0 !important;

		align-self:
			auto !important;

		box-sizing:
			border-box;
	}


	/**
	 * Navigation now follows profile naturally.
	 */

	body.chacha-account-authenticated
	.chacha-account-sidebar
	.woocommerce-MyAccount-navigation {
		grid-area:
			auto !important;

		display:
			block !important;

		flex:
			0
			0
			auto;

		float:
			none !important;

		clear:
			none !important;

		width:
			100% !important;

		max-width:
			none !important;

		min-width:
			0 !important;

		margin:
			0 !important;

		padding:
			0 !important;

		align-self:
			auto !important;

		box-sizing:
			border-box;
	}


	body.chacha-account-authenticated
	.chacha-account-sidebar
	.woocommerce-MyAccount-navigation
	ul {
		width:
			100% !important;

		margin:
			0 !important;
	}


	/**
	 * Right content.
	 */

	body.chacha-account-authenticated
	.woocommerce-MyAccount-content {
		grid-area:
			content !important;

		align-self:
			start !important;

		min-width:
			0 !important;

		margin:
			0 !important;
	}

}


/**
 * ==========================================================
 * NARROW DESKTOP
 * 1001 — 1180
 * ==========================================================
 */

@media (min-width: 1001px) and (max-width: 1180px) {

	body.chacha-account-authenticated
	.woocommerce {
		grid-template-columns:
			230px
			minmax(
				0,
				1fr
			) !important;

		column-gap:
			26px !important;
	}


	body.chacha-account-authenticated
	.chacha-account-sidebar {
		gap:
			12px;
	}

}


/**
 * ==========================================================
 * TABLET
 * 761 — 1000
 * ==========================================================
 */

@media (min-width: 761px) and (max-width: 1000px) {

	body.chacha-account-authenticated
	.woocommerce {
		grid-template-columns:
			220px
			minmax(
				0,
				1fr
			) !important;

		grid-template-areas:
			"intro intro"
			"sidebar content" !important;

		grid-template-rows:
			auto
			auto !important;

		column-gap:
			20px !important;
	}


	body.chacha-account-authenticated
	.chacha-account-sidebar {
		gap:
			10px;
	}

}


/**
 * ==========================================================
 * MOBILE
 * <= 760
 *
 * Keep the already approved mobile experience.
 * ==========================================================
 */

@media (max-width: 760px) {

	body.chacha-account-authenticated
	.account-navigation-wrap {
		display:
			block !important;
	}


	body.chacha-account-authenticated
	.chacha-account-sidebar {
		display:
			block !important;

		width:
			100%;

		margin:
			0 !important;

		padding:
			0 !important;
	}


	body.chacha-account-authenticated
	.chacha-account-sidebar
	.chacha-account-profile {
		margin:
			0
			0
			12px !important;
	}


	body.chacha-account-authenticated
	.chacha-account-sidebar
	.woocommerce-MyAccount-navigation {
		margin-top:
			8px !important;
	}

}
/**
 * ==========================================================
 * CHACHA HOME — MY ACCOUNT V1.7.2
 * LOGIN / REGISTER DESKTOP GRID FIX
 * ==========================================================
 *
 * WooCommerce clearfix pseudo-elements were entering
 * the CSS Grid as additional grid items.
 */


/**
 * Remove WooCommerce clearfix pseudo-elements
 * from the login/register grid.
 */

body.woocommerce-account:not(.logged-in)
#customer_login::before,

body.woocommerce-account:not(.logged-in)
#customer_login::after {
	content:
		none !important;

	display:
		none !important;
}


/**
 * Desktop login / register layout.
 */

@media (min-width: 901px) {

	body.woocommerce-account:not(.logged-in)
	#customer_login {
		display:
			grid !important;

		grid-template-columns:
			repeat(
				2,
				minmax(
					0,
					1fr
				)
			) !important;

		gap:
			30px !important;

		align-items:
			start !important;

		width:
			100% !important;
	}


	/**
	 * Login
	 */

	body.woocommerce-account:not(.logged-in)
	#customer_login
	.u-column1 {
		grid-column:
			1 !important;

		grid-row:
			1 !important;

		float:
			none !important;

		width:
			100% !important;

		margin:
			0 !important;

		min-width:
			0;
	}


	/**
	 * Registration
	 */

	body.woocommerce-account:not(.logged-in)
	#customer_login
	.u-column2 {
		grid-column:
			2 !important;

		grid-row:
			1 !important;

		float:
			none !important;

		width:
			100% !important;

		margin:
			0 !important;

		min-width:
			0;
	}

}


/**
 * Tablet / mobile:
 * keep cards stacked naturally.
 */

@media (max-width: 900px) {

	body.woocommerce-account:not(.logged-in)
	#customer_login {
		display:
			grid !important;

		grid-template-columns:
			1fr !important;

		gap:
			18px !important;
	}


	body.woocommerce-account:not(.logged-in)
	#customer_login
	.u-column1,

	body.woocommerce-account:not(.logged-in)
	#customer_login
	.u-column2 {
		grid-column:
			1 !important;

		grid-row:
			auto !important;

		float:
			none !important;

		width:
			100% !important;

		margin:
			0 !important;
	}

}

/**
 * ==========================================================
 * CHACHA HOME — MY ACCOUNT WISHLIST INTEGRATION V1.0
 * DEV-05 / Patch-04
 * ==========================================================
 */

/**
 * Four primary dashboard destinations read more elegantly as a
 * balanced 2 × 2 editorial grid on desktop. Existing tablet/mobile
 * rules continue to collapse the cards to one column.
 */
@media (min-width: 1001px) {

	body.chacha-account-dashboard-page
	.chacha-account-dashboard__cards {
		grid-template-columns:
			repeat(
				2,
				minmax(
					0,
					1fr
				)
			) !important;
	}

}


/**
 * Favorites card receives only a very restrained state cue.
 * It remains part of the same dashboard-card family.
 */
body.chacha-account-dashboard-page
.chacha-account-dashboard-card--wishlist
.chacha-account-dashboard-card__number {
	color:
		#201A17;
}


/**
 * Guest → account merge status.
 */
.chacha-account-wishlist-merge-notice {
	display:
		grid;

	grid-template-columns:
		auto
		minmax(
			0,
			1fr
		);

	align-items:
		baseline;

	gap:
		8px
		14px;

	margin:
		0
		0
		18px;

	padding:
		14px
		16px;

	border:
		1px
		solid
		var(--chacha-border-soft);

	background:
		var(--chacha-surface-soft);

	box-sizing:
		border-box;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);
}


.chacha-account-wishlist-merge-notice
strong {
	font-size:
		9px;

	font-weight:
		700;

	line-height:
		1.4;

	letter-spacing:
		0.06em;

	text-transform:
		uppercase;

	color:
		#201A17;
}


.chacha-account-wishlist-merge-notice
span {
	font-size:
		9px;

	line-height:
		1.55;

	color:
		#6A5F58;
}


@media (max-width: 760px) {

	.chacha-account-wishlist-merge-notice {
		grid-template-columns:
			1fr;

		gap:
			5px;

		padding:
			13px
			14px;
	}

}

/**
 * ==========================================================
 * DEV-20 v1.1 — MY REVIEWS
 * ==========================================================
 */

.chacha-account-reviews {
	width: 100%;
}

.chacha-account-reviews__header {
	margin-bottom: 22px;
}

.chacha-account-reviews .chacha-review-notice {
	margin-bottom: 18px;
}

.chacha-account-reviews__summary {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 18px;
}

.chacha-account-reviews__summary > div {
	padding: 16px;
	border: 1px solid var(--chacha-border-soft);
	border-radius: 6px;
	background: #FFFDFC;
}

.chacha-account-reviews__summary strong,
.chacha-account-reviews__summary span {
	display: block;
	font-family: var(--chacha-font-body, Inter, sans-serif);
}

.chacha-account-reviews__summary strong {
	font-size: 24px;
	font-weight: 500;
	line-height: 1;
	color: #201A17;
}

.chacha-account-reviews__summary span {
	margin-top: 7px;
	font-size: 9px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #6A5F58;
}

.chacha-account-reviews__tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 22px;
}

.chacha-account-reviews__tabs a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 38px;
	padding: 0 13px;
	border: 1px solid #D7CEC4;
	border-radius: 999px;
	background: transparent;
	font-family: var(--chacha-font-body, Inter, sans-serif);
	font-size: 10px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	color: #6A5F58;
}

.chacha-account-reviews__tabs a span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	border-radius: 999px;
	background: #F2ECE5;
	font-size: 9px;
	color: #6A5F58;
}

.chacha-account-reviews__tabs a.is-active,
.chacha-account-reviews__tabs a:hover,
.chacha-account-reviews__tabs a:focus-visible {
	border-color: #201A17;
	background: #201A17;
	color: #FFFDFC;
}

.chacha-account-reviews__tabs a.is-active span,
.chacha-account-reviews__tabs a:hover span,
.chacha-account-reviews__tabs a:focus-visible span {
	background: rgba(255, 253, 252, .12);
	color: #FFFDFC;
}

.chacha-account-reviews__list {
	display: grid;
	gap: 10px;
}

.chacha-account-review-card {
	display: grid;
	grid-template-columns: 92px minmax(0, 1fr) auto;
	align-items: center;
	gap: 16px;
	padding: 12px;
	border: 1px solid var(--chacha-border-subtle);
	border-radius: 7px;
	background: #FFFDFC;
}

.chacha-account-review-card__image {
	display: block;
	width: 92px;
	aspect-ratio: 1 / 1;
	border-radius: 5px;
	overflow: hidden;
	background: #F7F3EE;
}

.chacha-account-review-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.chacha-account-review-card__content {
	min-width: 0;
}

.chacha-account-review-card__meta {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-bottom: 5px;
	font-family: var(--chacha-font-body, Inter, sans-serif);
	font-size: 9px;
	line-height: 1.4;
	color: #8B817B;
}

.chacha-account-review-card__meta span {
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #B08D57;
}

.chacha-account-review-card h3 {
	margin: 0 0 6px;
	font-family: var(--chacha-font-heading, "Cormorant Garamond", serif);
	font-size: 20px;
	font-weight: 500;
	line-height: 1.15;
}

.chacha-account-review-card h3 a {
	color: #201A17;
	text-decoration: none;
}

.chacha-account-review-card__content > p {
	margin: 0;
	font-family: var(--chacha-font-body, Inter, sans-serif);
	font-size: 10px;
	line-height: 1.55;
	color: #6A5F58;
}

.chacha-account-review-card__rating {
	margin: 0 0 6px;
}

.chacha-account-review-card__rating .star-rating {
	float: none;
	margin: 0;
}

.chacha-account-review-card__action a,
.chacha-account-review-card__action > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 102px;
	min-height: 38px;
	padding: 0 14px;
	border: 1px solid #D7CEC4;
	border-radius: 5px;
	font-family: var(--chacha-font-body, Inter, sans-serif);
	font-size: 10px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
}

.chacha-account-review-card__action a {
	color: #201A17;
	background: transparent;
}

.chacha-account-review-card__action a:hover,
.chacha-account-review-card__action a:focus-visible {
	border-color: #201A17;
	background: #201A17;
	color: #FFFDFC;
}

.chacha-account-review-card__action > span {
	color: #8B817B;
	background: var(--chacha-surface-soft);
}

.chacha-account-reviews__empty {
	padding: 28px;
	border: 1px solid var(--chacha-border-subtle);
	border-radius: 7px;
	background: var(--chacha-surface-soft);
	text-align: center;
}

.chacha-account-reviews__empty strong,
.chacha-account-reviews__empty p {
	font-family: var(--chacha-font-body, Inter, sans-serif);
}

.chacha-account-reviews__empty strong {
	font-size: 12px;
	color: #201A17;
}

.chacha-account-reviews__empty p {
	margin: 6px 0 0;
	font-size: 10px;
	color: #6A5F58;
}

.chacha-account-review-editor {
	margin-bottom: 24px;
	padding: 14px;
	border: 1px solid #D7CEC4;
	border-radius: 8px;
	background: var(--chacha-surface-soft);
}

.chacha-account-review-editor__product {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 12px;
}

.chacha-account-review-editor__product img {
	width: 58px;
	height: 58px;
	border-radius: 5px;
	object-fit: cover;
}

.chacha-account-review-editor__product span,
.chacha-account-review-editor__product strong {
	display: block;
	font-family: var(--chacha-font-body, Inter, sans-serif);
}

.chacha-account-review-editor__product span {
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .1em;
	color: #B08D57;
}

.chacha-account-review-editor__product strong {
	margin-top: 4px;
	font-size: 12px;
	font-weight: 600;
	color: #201A17;
}

.chacha-account-review-editor .chacha-review-editor {
	margin-top: 0;
	background: #FFFDFC;
}

@media (max-width: 760px) {
	.chacha-account-reviews__summary {
		grid-template-columns: 1fr;
	}

	.chacha-account-reviews__tabs {
		display: grid;
		grid-template-columns: 1fr;
	}

	.chacha-account-reviews__tabs a {
		justify-content: space-between;
	}

	.chacha-account-review-card {
		grid-template-columns: 74px minmax(0, 1fr);
		gap: 12px;
	}

	.chacha-account-review-card__image {
		width: 74px;
	}

	.chacha-account-review-card__action {
		grid-column: 1 / -1;
	}

	.chacha-account-review-card__action a,
	.chacha-account-review-card__action > span {
		width: 100%;
		box-sizing: border-box;
	}
}

/**
 * ==========================================================
 * DEV-UI-MYACCOUNT-GUEST-POLISH-01A
 * GUEST LOGIN / REGISTER VISUAL FOUNDATION
 * ==========================================================
 *
 * Presentation only.
 *
 * Preserves:
 * - WooCommerce login/register behavior
 * - validation and form submission ownership
 * - password-toggle JavaScript
 * - authenticated My Account layouts
 * - DEV-18 consent behavior
 */

/**
 * Guest page vertical rhythm.
 */
body.woocommerce-account:not(.chacha-account-authenticated)
.site-main {
	padding-top: 30px;
	padding-bottom: 64px;
}

body.woocommerce-account:not(.chacha-account-authenticated)
.chacha-account-intro {
	margin-bottom: 38px;
}

body.woocommerce-account:not(.chacha-account-authenticated)
.chacha-account-intro__title {
	font-size: clamp(44px, 4.4vw, 62px);
	line-height: 1;
}

body.woocommerce-account:not(.chacha-account-authenticated)
.chacha-account-intro__text {
	margin-top: 14px !important;
	font-size: 13.5px;
	line-height: 1.65;
}

/**
 * Do not stretch the short login card to the registration-card height.
 */
body.woocommerce-account:not(.chacha-account-authenticated)
#customer_login {
	gap: 32px;
	align-items: start;
}

/**
 * Quiet-luxury card surface.
 */
body.woocommerce-account:not(.chacha-account-authenticated)
#customer_login
.col-1,

body.woocommerce-account:not(.chacha-account-authenticated)
#customer_login
.col-2 {
	padding: 36px;
	border-color: #D9CFC4;
	background: #FBF8F3;
	box-shadow:
		0 16px 36px
		rgba(32, 26, 23, 0.035);
}

/**
 * Card heading and supporting hierarchy.
 */
body.woocommerce-account:not(.chacha-account-authenticated)
#customer_login
h2 {
	margin-bottom: 16px;
	font-size: 36px;
	line-height: 1.04;
}

body.woocommerce-account:not(.chacha-account-authenticated)
.chacha-account-card-intro {
	margin-bottom: 22px;
}

body.woocommerce-account:not(.chacha-account-authenticated)
.chacha-account-card-intro__description {
	font-size: 12px;
	line-height: 1.65;
}

/**
 * Field rhythm and readability.
 */
body.woocommerce-account:not(.chacha-account-authenticated)
#customer_login
.form-row {
	margin-bottom: 17px;
}

body.woocommerce-account:not(.chacha-account-authenticated)
#customer_login
.form-row
label {
	margin-bottom: 8px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.45;
}

body.woocommerce-account:not(.chacha-account-authenticated)
#customer_login
.input-text {
	min-height: 52px;
	padding-inline: 16px;
	border-color: #CEC3B8;
	background: #FFFDFC;
	font-size: 12.5px;
	line-height: 1.3;
}

body.woocommerce-account:not(.chacha-account-authenticated)
#customer_login
.input-text:hover {
	border-color: #B9AA9B;
}

body.woocommerce-account:not(.chacha-account-authenticated)
#customer_login
.input-text:focus {
	border-color: #8F6F3F;
	box-shadow:
		0 0 0 3px
		rgba(176, 141, 87, 0.10);
}

/**
 * Password control remains behaviorally untouched.
 */
body.woocommerce-account:not(.chacha-account-authenticated)
.chacha-account-password-toggle {
	right: 14px;
	font-size: 9px;
}

/**
 * Remember / lost-password affordances.
 */
body.woocommerce-account:not(.chacha-account-authenticated)
#customer_login
.woocommerce-form-login__rememberme {
	min-height: 24px;
	gap: 9px;
	margin-bottom: 13px;
	font-size: 11px;
	line-height: 1.45;
}

body.woocommerce-account:not(.chacha-account-authenticated)
#customer_login
input[type="checkbox"] {
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
}

body.woocommerce-account:not(.chacha-account-authenticated)
#customer_login
.woocommerce-LostPassword {
	margin-top: 10px !important;
}

body.woocommerce-account:not(.chacha-account-authenticated)
#customer_login
.woocommerce-LostPassword
a {
	font-size: 11px;
	line-height: 1.45;
}

/**
 * Primary CTA:
 * lock the same visual state across desktop/tablet/mobile.
 */
body.woocommerce-account:not(.chacha-account-authenticated)
#customer_login
.woocommerce-button,

body.woocommerce-account:not(.chacha-account-authenticated)
#customer_login
button.button {
	min-height: 52px;
	margin-top: 7px;
	border-color: #201A17 !important;
	background: #201A17 !important;
	font-size: 10px;
	letter-spacing: 0.11em;
	color: #FFFDFC !important;
}

body.woocommerce-account:not(.chacha-account-authenticated)
#customer_login
.woocommerce-button:hover,

body.woocommerce-account:not(.chacha-account-authenticated)
#customer_login
button.button:hover,

body.woocommerce-account:not(.chacha-account-authenticated)
#customer_login
.woocommerce-button:focus-visible,

body.woocommerce-account:not(.chacha-account-authenticated)
#customer_login
button.button:focus-visible {
	border-color: #8F6F3F !important;
	background: #8F6F3F !important;
	color: #FFFDFC !important;
}

/**
 * Tablet.
 */
@media (max-width: 900px) {
	body.woocommerce-account:not(.chacha-account-authenticated)
	.site-main {
		padding-top: 28px;
		padding-bottom: 58px;
	}

	body.woocommerce-account:not(.chacha-account-authenticated)
	.chacha-account-intro {
		margin-bottom: 30px;
	}

	body.woocommerce-account:not(.chacha-account-authenticated)
	#customer_login {
		gap: 24px;
	}

	body.woocommerce-account:not(.chacha-account-authenticated)
	#customer_login
	.col-1,

	body.woocommerce-account:not(.chacha-account-authenticated)
	#customer_login
	.col-2 {
		padding: 30px;
	}
}

/**
 * Mobile.
 */
@media (max-width: 600px) {
	body.woocommerce-account:not(.chacha-account-authenticated)
	.site-main {
		padding-top: 22px;
		padding-bottom: 48px;
	}

	body.woocommerce-account:not(.chacha-account-authenticated)
	.chacha-account-intro {
		margin-bottom: 24px;
	}

	body.woocommerce-account:not(.chacha-account-authenticated)
	.chacha-account-intro__title {
		font-size: 42px;
	}

	body.woocommerce-account:not(.chacha-account-authenticated)
	.chacha-account-intro__text {
		font-size: 12px;
		line-height: 1.6;
	}

	body.woocommerce-account:not(.chacha-account-authenticated)
	#customer_login {
		gap: 18px;
	}

	body.woocommerce-account:not(.chacha-account-authenticated)
	#customer_login
	.col-1,

	body.woocommerce-account:not(.chacha-account-authenticated)
	#customer_login
	.col-2 {
		padding: 22px;
	}

	body.woocommerce-account:not(.chacha-account-authenticated)
	#customer_login
	h2 {
		font-size: 31px;
	}

	body.woocommerce-account:not(.chacha-account-authenticated)
	#customer_login
	.input-text {
		min-height: 50px;
		font-size: 12px;
	}

	body.woocommerce-account:not(.chacha-account-authenticated)
	#customer_login
	.woocommerce-button,

	body.woocommerce-account:not(.chacha-account-authenticated)
	#customer_login
	button.button {
		min-height: 50px;
		background: #201A17 !important;
		border-color: #201A17 !important;
		color: #FFFDFC !important;
	}
}

/**
 * ==========================================================
 * DEV-UI-MYACCOUNT-GUEST-POLISH-01A-R1
 * TOUCH CTA HOVER SAFETY
 * ==========================================================
 *
 * Prevent touch/coarse-pointer browsers from retaining the
 * desktop hover-gold state after a tap. Desktop hover behavior
 * remains unchanged.
 */
@media (hover: none), (pointer: coarse) {
	body.woocommerce-account:not(.chacha-account-authenticated)
	#customer_login
	.woocommerce-button:hover,

	body.woocommerce-account:not(.chacha-account-authenticated)
	#customer_login
	button.button:hover {
		border-color: #201A17 !important;
		background: #201A17 !important;
		color: #FFFDFC !important;
		transform: none;
	}
}

/**
 * ==========================================================
 * DEV-UI-MYACCOUNT-GUEST-POLISH-01B
 * REGISTER RHYTHM + BENEFITS + CONSENT SAFE AREA
 * ==========================================================
 *
 * Presentation only.
 *
 * Preserves:
 * - WooCommerce registration markup/validation
 * - registration submission behavior
 * - DEV-18 consent logic/dialog behavior
 * - authenticated My Account layouts
 */

/**
 * Registration supporting copy.
 * WooCommerce may render a direct paragraph for password/account
 * guidance plus the privacy-policy block.
 */
body.woocommerce-account:not(.chacha-account-authenticated)
#customer_login
.col-2
form
> p:not(.form-row) {
	margin: 0 0 14px !important;
	font-family: Inter, sans-serif;
	font-size: 11.5px;
	line-height: 1.65;
	color: #6A5F58;
}

body.woocommerce-account:not(.chacha-account-authenticated)
#customer_login
.col-2
.woocommerce-privacy-policy-text {
	margin: 14px 0 0;
}

body.woocommerce-account:not(.chacha-account-authenticated)
#customer_login
.col-2
.woocommerce-privacy-policy-text
p {
	margin: 0 !important;
	font-family: Inter, sans-serif;
	font-size: 11px;
	line-height: 1.65;
	color: #71665F;
}

body.woocommerce-account:not(.chacha-account-authenticated)
#customer_login
.col-2
.woocommerce-privacy-policy-text
a {
	color: #8F6F3F;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

/**
 * Membership benefits:
 * calmer surface, clearer type, tighter vertical rhythm.
 */
body.woocommerce-account:not(.chacha-account-authenticated)
.chacha-account-benefits {
	gap: 8px;
	margin: 18px 0 20px;
}

body.woocommerce-account:not(.chacha-account-authenticated)
.chacha-account-benefit {
	grid-template-columns: 30px minmax(0, 1fr);
	gap: 11px;
	min-height: 48px;
	padding: 10px 13px;
	border-color: #E3D9CE;
	background: rgba(255, 253, 252, 0.58);
	font-size: 10.5px;
	line-height: 1.5;
	color: #5F554F;
}

body.woocommerce-account:not(.chacha-account-authenticated)
.chacha-account-benefit__mark {
	width: 28px;
	height: 28px;
	border-color: #CFC3B7;
	background: #FFFDFC;
	font-size: 8px;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #8F6F3F;
}

/**
 * Give the register submit row a calm final separation from
 * the benefit block without changing form behavior.
 */
body.woocommerce-account:not(.chacha-account-authenticated)
#customer_login
.col-2
.form-row:last-of-type {
	margin-bottom: 14px;
}

/**
 * DEV-18 consent reopen control:
 * on the guest account page, move the persistent control away
 * from the login/lost-password left edge and keep it compact.
 *
 * Consent logic and dialog are untouched; this is page-scoped
 * placement only.
 */
body.woocommerce-account:not(.chacha-account-authenticated)
.chacha-consent__reopen {
	left: auto !important;
	right: max(18px, env(safe-area-inset-right)) !important;
	bottom: max(18px, env(safe-area-inset-bottom)) !important;
	max-width: calc(100vw - 36px);
	min-height: 36px;
	padding: 0 12px;
	font-size: 9px;
	line-height: 1;
	box-shadow:
		0 8px 20px
		rgba(32, 26, 23, 0.08);
}

/**
 * Reserve a little breathing room at the bottom whenever
 * the consent reopen control is present.
 */
@supports selector(body:has(.chacha-consent__reopen)) {
	body.woocommerce-account:not(.chacha-account-authenticated)
	.site-main {
		padding-bottom: 84px;
	}
}

@media (max-width: 900px) {
	body.woocommerce-account:not(.chacha-account-authenticated)
	#customer_login
	.col-2
	form
	> p:not(.form-row) {
		font-size: 11px;
	}

	body.woocommerce-account:not(.chacha-account-authenticated)
	.chacha-account-benefits {
		margin-top: 16px;
		margin-bottom: 18px;
	}

	body.woocommerce-account:not(.chacha-account-authenticated)
	.chacha-consent__reopen {
		right: max(14px, env(safe-area-inset-right)) !important;
		bottom: max(14px, env(safe-area-inset-bottom)) !important;
	}
}

@media (max-width: 600px) {
	body.woocommerce-account:not(.chacha-account-authenticated)
	#customer_login
	.col-2
	form
	> p:not(.form-row),

	body.woocommerce-account:not(.chacha-account-authenticated)
	#customer_login
	.col-2
	.woocommerce-privacy-policy-text
	p {
		font-size: 10.5px;
		line-height: 1.6;
	}

	body.woocommerce-account:not(.chacha-account-authenticated)
	.chacha-account-benefits {
		gap: 7px;
		margin: 15px 0 17px;
	}

	body.woocommerce-account:not(.chacha-account-authenticated)
	.chacha-account-benefit {
		grid-template-columns: 28px minmax(0, 1fr);
		gap: 9px;
		min-height: 46px;
		padding: 9px 11px;
		font-size: 10px;
	}

	body.woocommerce-account:not(.chacha-account-authenticated)
	.chacha-account-benefit__mark {
		width: 26px;
		height: 26px;
	}

	body.woocommerce-account:not(.chacha-account-authenticated)
	.chacha-consent__reopen {
		right: max(12px, env(safe-area-inset-right)) !important;
		bottom: max(12px, env(safe-area-inset-bottom)) !important;
		max-width: calc(100vw - 24px);
		min-height: 34px;
		padding-inline: 10px;
		font-size: 8.5px;
	}
}

/**
 * ==========================================================
 * DEV-UI-MYACCOUNT-GUEST-POLISH-01B-R1
 * CONSENT SIDE-RAIL SAFE AREA
 * ==========================================================
 *
 * Tablet/mobile account cards nearly fill the viewport.
 * A horizontal fixed consent pill cannot avoid covering form
 * content there. Keep DEV-18 persistent access, but dock the
 * control as a slim vertical side rail inside the outer gutter.
 *
 * Consent JavaScript, accessible button text and dialog behavior
 * remain unchanged.
 */

@media (max-width: 900px) {
	body.woocommerce-account:not(.chacha-account-authenticated)
	.chacha-consent__reopen {
		left: auto !important;
		right: max(4px, env(safe-area-inset-right)) !important;
		bottom: max(14px, env(safe-area-inset-bottom)) !important;

		width: 30px;
		max-width: 30px;
		min-width: 30px;

		height: auto;
		min-height: 96px;

		padding: 10px 0;

		writing-mode: vertical-rl;
		text-orientation: mixed;

		white-space: nowrap;

		font-size: 8px;
		line-height: 1;
		letter-spacing: 0.04em;

		transform: rotate(180deg) !important;
		transform-origin: center;
	}
}

@media (max-width: 600px) {
	body.woocommerce-account:not(.chacha-account-authenticated)
	.chacha-consent__reopen {
		right: max(4px, env(safe-area-inset-right)) !important;
		bottom: max(12px, env(safe-area-inset-bottom)) !important;

		width: 28px;
		max-width: 28px;
		min-width: 28px;

		min-height: 92px;

		padding: 9px 0;

		font-size: 7.5px;
	}
}

/**
 * ==========================================================
 * DEV-UI-MYACCOUNT-GUEST-POLISH-01C
 * COMPACT GUEST ACCOUNT INTRO
 * ==========================================================
 *
 * Goal:
 * - Remove any inherited section height/padding from the intro.
 * - Keep only content-driven height.
 * - Preserve heading scale and typography.
 * - Pull login/register cards closer to the intro.
 *
 * Presentation only.
 */
body.woocommerce-account:not(.chacha-account-authenticated)
.site-main {
	padding-top: 24px;
}

body.woocommerce-account:not(.chacha-account-authenticated)
.chacha-account-intro {
	display: block !important;

	width: min(100%, 720px);

	min-height: 0 !important;
	height: auto !important;

	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-block: 0 !important;

	margin:
		0
		auto
		26px !important;
}

body.woocommerce-account:not(.chacha-account-authenticated)
.chacha-account-intro__eyebrow {
	margin:
		0
		0
		8px !important;
}

body.woocommerce-account:not(.chacha-account-authenticated)
.chacha-account-intro__title {
	margin:
		0 !important;
}

body.woocommerce-account:not(.chacha-account-authenticated)
.chacha-account-intro__text {
	margin:
		12px
		auto
		0 !important;
}

@media (max-width: 900px) {
	body.woocommerce-account:not(.chacha-account-authenticated)
	.site-main {
		padding-top: 22px;
	}

	body.woocommerce-account:not(.chacha-account-authenticated)
	.chacha-account-intro {
		margin-bottom: 24px !important;
	}
}

@media (max-width: 600px) {
	body.woocommerce-account:not(.chacha-account-authenticated)
	.site-main {
		padding-top: 18px;
	}

	body.woocommerce-account:not(.chacha-account-authenticated)
	.chacha-account-intro {
		margin-bottom: 20px !important;
	}

	body.woocommerce-account:not(.chacha-account-authenticated)
	.chacha-account-intro__text {
		margin-top: 10px !important;
	}
}

/**
 * ==========================================================
 * DEV-UI-MYACCOUNT-AUTH-POLISH-02
 * AUTHENTICATED ACCOUNT — FULL VISUAL POLISH
 * ==========================================================
 *
 * Scope:
 * - shared authenticated account shell
 * - dashboard
 * - orders
 * - address overview
 * - account details
 * - tablet/mobile rhythm
 * - authenticated consent safe area
 *
 * Presentation only.
 * No PHP / JS behavior change.
 */


/* ==========================================================
 * A. SHARED SHELL / VERTICAL RHYTHM
 * ========================================================== */

body.chacha-account-authenticated
.site-main {
	padding-top:
		28px !important;

	padding-bottom:
		52px !important;
}


body.chacha-account-authenticated
.chacha-account-auth-intro {
	min-height:
		0 !important;

	height:
		auto !important;

	padding-top:
		0 !important;

	padding-bottom:
		0 !important;

	padding-block:
		0 !important;

	margin-bottom:
		26px !important;
}


/* ==========================================================
 * B. PROFILE + SIDEBAR
 * ========================================================== */

body.chacha-account-authenticated
.chacha-account-profile {
	grid-template-columns:
		42px
		minmax(
			0,
			1fr
		);

	gap:
		12px;

	padding:
		16px !important;
}


body.chacha-account-authenticated
.chacha-account-profile__avatar {
	width:
		42px;

	height:
		42px;

	font-size:
		19px;
}


body.chacha-account-authenticated
.woocommerce-MyAccount-navigation {
	padding:
		6px
		0;
}


body.chacha-account-authenticated
.woocommerce-MyAccount-navigation
li
a {
	min-height:
		43px;

	padding:
		0
		18px;
}


body.chacha-account-authenticated
.woocommerce-MyAccount-navigation-link--customer-logout {
	margin-top:
		6px !important;

	padding-top:
		6px !important;
}


/* ==========================================================
 * C. SHARED CONTENT HEADING
 * ========================================================== */

body.chacha-account-authenticated
.chacha-account-section-header {
	margin-bottom:
		20px;

	padding-bottom:
		18px;
}


/* ==========================================================
 * D. DASHBOARD
 * ========================================================== */

body.chacha-account-dashboard-page
.chacha-account-dashboard {
	padding:
		26px;
}


body.chacha-account-dashboard-page
.chacha-account-dashboard__header {
	margin-bottom:
		22px;
}


body.chacha-account-dashboard-page
.chacha-account-dashboard__cards {
	gap:
		10px;
}


body.chacha-account-dashboard-page
.chacha-account-dashboard-card {
	min-height:
		118px;

	padding:
		16px;
}


body.chacha-account-dashboard-page
.chacha-account-dashboard__footer {
	margin-top:
		20px;

	padding-top:
		16px;
}


/* ==========================================================
 * E. ORDERS — DESKTOP ACTION FIT + DENSITY
 * ========================================================== */

@media (min-width: 1181px) {

	body.chacha-account-orders-page
	.woocommerce-orders-table
	tbody
	tr {
		grid-template-columns:
			88px
			100px
			105px
			minmax(
				120px,
				1fr
			)
			minmax(
				270px,
				auto
			);

		gap:
			12px;

		min-height:
			104px;

		padding:
			18px;
	}


	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-actions {
		gap:
			6px;

		min-width:
			0;
	}


	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-actions
	.button {
		min-height:
			38px;

		padding:
			0
			12px;

		font-size:
			7.5px;
	}

}


@media (
	min-width: 761px
)
and
(
	max-width: 1180px
) {

	body.chacha-account-orders-page
	.woocommerce-orders-table
	tbody
	tr {
		min-height:
			0;

		padding:
			18px;
	}


	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-actions
	.button {
		min-height:
			42px;

		padding:
			0
			14px;
	}

}


/* ==========================================================
 * F. ADDRESS OVERVIEW
 * ========================================================== */

body.chacha-account-address-overview
.woocommerce-MyAccount-content
> p {
	margin-bottom:
		18px !important;
}


body.chacha-account-address-overview
.woocommerce-Address {
	min-height:
		220px;

	padding:
		20px;
}


body.chacha-account-address-overview
.woocommerce-Address-title {
	margin-bottom:
		16px;

	padding-bottom:
		14px;
}


/* ==========================================================
 * G. ACCOUNT DETAILS
 * ========================================================== */

body.chacha-account-details-page
.woocommerce-EditAccountForm {
	gap:
		16px
		14px;

	padding:
		24px;
}


body.chacha-account-details-page
.woocommerce-EditAccountForm
.chacha-account-section-header {
	margin-bottom:
		2px;
}


body.chacha-account-details-page
.chacha-account-password-panel {
	gap:
		16px
		14px;

	margin-top:
		8px;

	padding:
		20px;
}


body.chacha-account-details-page
.chacha-account-password-panel
legend {
	padding-bottom:
		12px;
}


body.chacha-account-details-page
.chacha-account-security-note {
	margin-top:
		4px;

	padding:
		14px;
}


body.chacha-account-details-page
.woocommerce-EditAccountForm
> p:last-of-type {
	margin-top:
		4px !important;

	padding-top:
		16px;
}


/* ==========================================================
 * H. TABLET — COMPACT WITHOUT CRAMPING
 * ========================================================== */

@media (
	min-width: 761px
)
and
(
	max-width: 1000px
) {

	body.chacha-account-authenticated
	.site-main {
		padding-top:
			24px !important;

		padding-bottom:
			48px !important;
	}


	body.chacha-account-authenticated
	.woocommerce {
		padding-left:
			20px !important;

		padding-right:
			20px !important;
	}


	body.chacha-account-authenticated
	.chacha-account-auth-intro {
		margin-bottom:
			22px !important;
	}


	body.chacha-account-authenticated
	.chacha-account-profile {
		padding:
			14px !important;
	}


	body.chacha-account-authenticated
	.woocommerce-MyAccount-navigation
	li
	a {
		min-height:
			44px;

		padding:
			0
			16px !important;
	}


	body.chacha-account-authenticated
	.chacha-account-section-header {
		margin-bottom:
			18px;

		padding-bottom:
			16px;
	}


	body.chacha-account-dashboard-page
	.chacha-account-dashboard {
		padding:
			22px;
	}


	body.chacha-account-dashboard-page
	.chacha-account-dashboard__header {
		margin-bottom:
			18px;
	}


	body.chacha-account-dashboard-page
	.chacha-account-dashboard-card {
		min-height:
			104px;

		padding:
			15px;
	}


	body.chacha-account-address-overview
	.woocommerce-Address {
		min-height:
			0;

		padding:
			18px;
	}


	body.chacha-account-details-page
	.woocommerce-EditAccountForm {
		padding:
			20px;
	}


	body.chacha-account-details-page
	.chacha-account-password-panel {
		padding:
			18px;
	}

}


/* ==========================================================
 * I. MOBILE — HEIGHT + TOUCH TARGETS
 * ========================================================== */

@media (max-width: 760px) {

	body.chacha-account-authenticated
	.site-main {
		padding-top:
			18px !important;

		padding-bottom:
			36px !important;
	}


	body.chacha-account-authenticated
	.woocommerce {
		padding-left:
			18px !important;

		padding-right:
			34px !important;
	}


	body.chacha-account-authenticated
	.chacha-account-auth-intro {
		margin-bottom:
			16px !important;
	}


	body.chacha-account-authenticated
	.chacha-account-profile {
		margin-bottom:
			10px !important;

		padding:
			14px !important;
	}


	body.chacha-account-authenticated
	.chacha-account-mobile-nav-toggle {
		min-height:
			44px;
	}


	body.chacha-account-authenticated
	.woocommerce-MyAccount-content {
		margin-top:
			14px !important;
	}


	body.chacha-account-authenticated
	.woocommerce-MyAccount-navigation
	a {
		min-height:
			46px;
	}


	body.chacha-account-authenticated
	.chacha-account-section-header {
		margin-bottom:
			16px;

		padding-bottom:
			14px;
	}


	body.chacha-account-dashboard-page
	.chacha-account-dashboard {
		padding:
			16px;
	}


	body.chacha-account-dashboard-page
	.chacha-account-dashboard__header {
		margin-bottom:
			16px;
	}


	body.chacha-account-dashboard-page
	.chacha-account-dashboard__cards {
		gap:
			8px !important;
	}


	body.chacha-account-dashboard-page
	.chacha-account-dashboard-card {
		min-height:
			0;

		padding:
			14px;
	}


	body.chacha-account-dashboard-page
	.chacha-account-dashboard__footer {
		margin-top:
			16px;

		padding-top:
			14px;
	}


	body.chacha-account-orders-page
	.woocommerce-orders-table
	tbody
	tr {
		min-height:
			0;

		gap:
			14px;

		padding:
			15px;
	}


	body.chacha-account-orders-page
	.woocommerce-orders-table__cell-order-actions
	.button {
		min-height:
			44px;
	}


	body.chacha-account-address-overview
	.woocommerce-MyAccount-content
	> p {
		margin-bottom:
			16px !important;
	}


	body.chacha-account-address-overview
	.woocommerce-Address {
		min-height:
			0;

		padding:
			16px;
	}


	body.chacha-account-address-overview
	.woocommerce-Address-title {
		margin-bottom:
			14px;

		padding-bottom:
			12px;
	}


	body.chacha-account-details-page
	.woocommerce-EditAccountForm {
		gap:
			14px;

		padding:
			16px;
	}


	body.chacha-account-details-page
	.chacha-account-password-panel {
		gap:
			14px;

		margin-top:
			6px;

		padding:
			14px;
	}


	body.chacha-account-details-page
	.chacha-account-security-note {
		padding:
			13px;
	}

}


/* ==========================================================
 * J. AUTHENTICATED CONSENT SAFE AREA
 * ========================================================== */

@media (max-width: 900px) {

	body.chacha-account-authenticated
	.woocommerce {
		padding-right:
			40px !important;
	}


	body.chacha-account-authenticated
	.chacha-consent__reopen {
		left:
			auto !important;

		right:
			max(
				4px,
				env(
					safe-area-inset-right
				)
			) !important;

		bottom:
			max(
				14px,
				env(
					safe-area-inset-bottom
				)
			) !important;

		width:
			28px !important;

		max-width:
			28px !important;

		min-width:
			28px !important;

		min-height:
			94px !important;

		padding:
			9px
			0 !important;

		writing-mode:
			vertical-rl;

		text-orientation:
			mixed;

		white-space:
			nowrap;

		font-size:
			7.5px !important;

		line-height:
			1 !important;

		letter-spacing:
			0.04em;

		transform:
			rotate(
				180deg
			) !important;
	}

}


@media (max-width: 480px) {

	body.chacha-account-authenticated
	.woocommerce {
		padding-left:
			14px !important;

		padding-right:
			32px !important;
	}


	body.chacha-account-authenticated
	.chacha-consent__reopen {
		right:
			3px !important;

		bottom:
			12px !important;

		width:
			26px !important;

		max-width:
			26px !important;

		min-width:
			26px !important;

		min-height:
			90px !important;

		font-size:
			7px !important;
	}

}


/* ==========================================================
 * K. TOUCH DEVICES — PREVENT STICKY HOVER
 * ========================================================== */

@media (hover: none), (pointer: coarse) {

	body.chacha-account-authenticated
	.chacha-account-dashboard-card:hover,

	body.chacha-account-address-overview
	.woocommerce-Address:hover,

	body.chacha-account-orders-page
	.woocommerce-orders-table
	tbody
	tr:hover {
		transform:
			none;
	}

}

/**
 * ==========================================================
 * DEV-UI-MYACCOUNT-DEEP-FLOW-POLISH-03
 * ORDER DETAIL + ADDRESS EDIT / ADD
 * ==========================================================
 *
 * Goals:
 * - remove duplicated native order intro
 * - compact order hero and detail rhythm
 * - contain customer address information
 * - reduce unnecessary address-form height
 * - preserve mobile touch targets
 * - keep consent safe-area behavior
 */


/* ==========================================================
 * A. ORDER DETAIL — REMOVE REDUNDANT NATIVE STATUS INTRO
 * ========================================================== */

body.chacha-account-view-order-page
.woocommerce-MyAccount-content
> p:first-of-type {
	display:
		none !important;
}


/* ==========================================================
 * B. ORDER DETAIL — COMPACT HERO
 * ========================================================== */

body.chacha-account-view-order-page
.chacha-order-detail-hero {
	margin-bottom:
		18px;

	padding:
		22px;
}


body.chacha-account-view-order-page
.chacha-order-detail-meta {
	margin-top:
		18px;
}


body.chacha-account-view-order-page
.chacha-order-detail-meta
> div {
	padding:
		12px
		14px;
}


body.chacha-account-view-order-page
.chacha-order-detail-hero__footer {
	margin-top:
		16px;

	padding-top:
		14px;
}


body.chacha-account-view-order-page
.woocommerce-order-details {
	margin-bottom:
		18px;

	padding:
		22px;
}


body.chacha-account-view-order-page
.woocommerce-order-details__title {
	margin-bottom:
		18px;
}


/* ==========================================================
 * C. ORDER DETAIL — CUSTOMER ADDRESS CONTAINER
 * ========================================================== */

body.chacha-account-view-order-page
.woocommerce-customer-details {
	margin:
		18px
		0
		0;

	padding:
		18px;

	border:
		1px
		solid
		#DED5CB;

	background:
		#FFFDFC;

	box-sizing:
		border-box;
}


body.chacha-account-view-order-page
.woocommerce-customer-details
.woocommerce-columns--addresses {
	gap:
		14px;
}


body.chacha-account-view-order-page
.woocommerce-customer-details
.woocommerce-column--billing-address,

body.chacha-account-view-order-page
.woocommerce-customer-details
.woocommerce-column--shipping-address {
	padding:
		0;

	border:
		0;

	background:
		transparent;
}


body.chacha-account-view-order-page
.woocommerce-customer-details
.woocommerce-column__title,

body.chacha-account-view-order-page
.woocommerce-customer-details
h2 {
	margin-bottom:
		12px;

	font-size:
		24px;
}


body.chacha-account-view-order-page
.woocommerce-customer-details
address {
	line-height:
		1.65;
}


/* ==========================================================
 * D. ADDRESS EDIT / ADD — COMPACT HEADER
 * ========================================================== */

body.chacha-account-edit-address-page
.chacha-account-section-header {
	margin-bottom:
		14px;

	padding-bottom:
		12px;
}


body.chacha-account-edit-address-page
.chacha-account-section-header
h2 {
	margin-bottom:
		8px;

	font-size:
		36px;
}


/* ==========================================================
 * E. ADDRESS EDIT / ADD — FORM DENSITY
 * ========================================================== */

body.chacha-account-edit-address-page
.woocommerce-MyAccount-content
form {
	padding:
		22px;
}


body.chacha-account-edit-address-page
.woocommerce-address-fields__field-wrapper {
	gap:
		14px;
}


@media (min-width: 761px) {

	body.chacha-account-edit-address-page
	.woocommerce-address-fields
	.input-text,

	body.chacha-account-edit-address-page
	.woocommerce-address-fields
	select {
		min-height:
			46px;
	}


	body.chacha-account-edit-address-page
	.select2-container
	.select2-selection--single {
		height:
			46px;
	}


	body.chacha-account-edit-address-page
	.select2-container
	.select2-selection--single
	.select2-selection__rendered {
		height:
			44px;

		line-height:
			44px;
	}


	body.chacha-account-edit-address-page
	.select2-container
	.select2-selection--single
	.select2-selection__arrow {
		height:
			44px;
	}

}


body.chacha-account-edit-billing-address
#billing_invoice_type_field {
	margin-bottom:
		0 !important;

	padding:
		12px;
}


body.chacha-account-edit-billing-address
#billing_invoice_type_field
> label {
	margin-bottom:
		9px;
}


body.chacha-account-edit-billing-address
#billing_invoice_type_field
label.radio {
	min-height:
		42px;
}


body.chacha-account-edit-address-page
.woocommerce-address-fields
> p:last-child {
	margin-top:
		18px !important;

	padding-top:
		14px;
}


.chacha-account-address-back {
	margin-top:
		14px;
}


/* ==========================================================
 * F. TABLET
 * ========================================================== */

@media (
	min-width: 761px
)
and
(
	max-width: 1000px
) {

	body.chacha-account-view-order-page
	.chacha-order-detail-hero {
		padding:
			18px;
	}


	body.chacha-account-view-order-page
	.chacha-order-detail-meta {
		margin-top:
			16px;
	}


	body.chacha-account-view-order-page
	.chacha-order-detail-meta
	> div {
		padding:
			11px
			12px;
	}


	body.chacha-account-view-order-page
	.chacha-order-detail-hero__footer {
		margin-top:
			14px;

		padding-top:
			12px;
	}


	body.chacha-account-view-order-page
	.woocommerce-order-details {
		padding:
			18px;
	}


	body.chacha-account-view-order-page
	.woocommerce-customer-details {
		padding:
			16px;
	}


	body.chacha-account-edit-address-page
	.woocommerce-MyAccount-content
	form {
		padding:
			18px;
	}


	body.chacha-account-edit-address-page
	.woocommerce-address-fields__field-wrapper {
		gap:
			13px;
	}

}


/* ==========================================================
 * G. MOBILE
 * ========================================================== */

@media (max-width: 760px) {

	body.chacha-account-view-order-page
	.chacha-order-detail-hero {
		margin-bottom:
			14px;

		padding:
			16px;
	}


	body.chacha-account-view-order-page
	.chacha-order-detail-hero__top {
		flex-direction:
			row;

		align-items:
			flex-start;

		gap:
			10px;
	}


	body.chacha-account-view-order-page
	.chacha-order-detail-hero
	h2 {
		font-size:
			28px;
	}


	body.chacha-account-view-order-page
	.chacha-order-detail-status {
		flex:
			0
			0
			auto;

		min-height:
			30px;

		padding:
			0
			9px;

		font-size:
			7px;
	}


	body.chacha-account-view-order-page
	.chacha-order-detail-meta {
		grid-template-columns:
			1fr
			1fr;

		margin-top:
			14px;
	}


	body.chacha-account-view-order-page
	.chacha-order-detail-meta
	> div {
		padding:
			10px
			11px;
	}


	body.chacha-account-view-order-page
	.chacha-order-detail-meta
	> div:last-child {
		grid-column:
			1
			/
			-1;
	}


	body.chacha-account-view-order-page
	.chacha-order-detail-hero__footer {
		margin-top:
			12px;

		padding-top:
			12px;
	}


	body.chacha-account-view-order-page
	.woocommerce-order-details {
		margin-bottom:
			14px;

		padding:
			16px;
	}


	body.chacha-account-view-order-page
	.woocommerce-order-details__title {
		margin-bottom:
			15px;

		font-size:
			27px;
	}


	body.chacha-account-view-order-page
	.woocommerce-table--order-details
	tbody
	td {
		padding:
			14px
			0 !important;
	}


	body.chacha-account-view-order-page
	.chacha-order-product {
		grid-template-columns:
			64px
			minmax(
				0,
				1fr
			);

		gap:
			12px;
	}


	body.chacha-account-view-order-page
	.chacha-order-product__media {
		width:
			64px;

		height:
			64px;
	}


	body.chacha-account-view-order-page
	.woocommerce-customer-details {
		margin-top:
			14px;

		padding:
			15px;
	}


	body.chacha-account-view-order-page
	.woocommerce-customer-details
	.woocommerce-columns--addresses {
		grid-template-columns:
			1fr;
	}


	body.chacha-account-edit-address-page
	.chacha-account-section-header {
		margin-bottom:
			12px;

		padding-bottom:
			11px;
	}


	body.chacha-account-edit-address-page
	.chacha-account-section-header
	h2 {
		margin-bottom:
			7px;

		font-size:
			29px;
	}


	body.chacha-account-edit-address-page
	.woocommerce-MyAccount-content
	form {
		padding:
			14px;
	}


	body.chacha-account-edit-address-page
	.woocommerce-address-fields__field-wrapper {
		gap:
			12px;
	}


	body.chacha-account-edit-address-page
	.woocommerce-address-fields
	.input-text,

	body.chacha-account-edit-address-page
	.woocommerce-address-fields
	select {
		min-height:
			48px;
	}


	body.chacha-account-edit-address-page
	.select2-container
	.select2-selection--single {
		height:
			48px;
	}


	body.chacha-account-edit-address-page
	.select2-container
	.select2-selection--single
	.select2-selection__rendered {
		height:
			46px;

		line-height:
			46px;
	}


	body.chacha-account-edit-address-page
	.select2-container
	.select2-selection--single
	.select2-selection__arrow {
		height:
			46px;
	}


	body.chacha-account-edit-billing-address
	#billing_invoice_type_field {
		padding:
			10px;
	}


	body.chacha-account-edit-billing-address
	#billing_invoice_type_field
	label.radio {
		min-height:
			44px;
	}


	body.chacha-account-edit-address-page
	.woocommerce-address-fields
	> p:last-child {
		margin-top:
			14px !important;

		padding-top:
			12px;
	}


	.chacha-account-address-back {
		margin-top:
			12px;
	}

}


/* ==========================================================
 * H. TOUCH DEVICES
 * ========================================================== */

@media (hover: none), (pointer: coarse) {

	body.chacha-account-view-order-page
	.chacha-order-detail-hero__footer
	a:hover,

	body.chacha-account-edit-address-page
	.chacha-account-address-back
	a:hover {
		color:
			#3B322D;
	}

}

/**
 * ==========================================================
 * DEV-UI-MYACCOUNT-AUTH-TOP-GAP-04
 * AUTHENTICATED ACCOUNT — HEADER TO INTRO GAP
 * ==========================================================
 *
 * Scope:
 * - authenticated WooCommerce My Account only
 * - neutralise Kadence content-area top offset
 * - keep content-driven account intro height
 */

body.chacha-account-authenticated
#primary.content-area,

body.chacha-account-authenticated
.content-area {
	margin-top:
		0 !important;

	padding-top:
		0 !important;
}


body.chacha-account-authenticated
.site-main {
	padding-top:
		18px !important;
}


body.chacha-account-authenticated
.chacha-account-auth-intro {
	margin-top:
		0 !important;

	padding-top:
		0 !important;
}


@media (
	min-width: 761px
)
and
(
	max-width: 1000px
) {

	body.chacha-account-authenticated
	.site-main {
		padding-top:
			16px !important;
	}

}


@media (max-width: 760px) {

	body.chacha-account-authenticated
	.site-main {
		padding-top:
			12px !important;
	}

}

/**
 * ==========================================================
 * DEV-UI-MYACCOUNT-GUEST-TOP-GAP-05
 * GUEST ACCOUNT — HEADER TO INTRO GAP
 * ==========================================================
 */

body.woocommerce-account:not(.chacha-account-authenticated)
#primary.content-area,

body.woocommerce-account:not(.chacha-account-authenticated)
.content-area {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body.woocommerce-account:not(.chacha-account-authenticated)
.site-main {
	padding-top: 18px !important;
}

body.woocommerce-account:not(.chacha-account-authenticated)
.chacha-account-intro {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

@media (min-width: 601px) and (max-width: 900px) {

	body.woocommerce-account:not(.chacha-account-authenticated)
	.site-main {
		padding-top: 16px !important;
	}

}

@media (max-width: 600px) {

	body.woocommerce-account:not(.chacha-account-authenticated)
	.site-main {
		padding-top: 12px !important;
	}

}

/**
 * ==========================================================
 * DEV-UI-ACCOUNT-REVIEW-POLISH-01
 * PASSWORD + ADDRESS MICRO-POLISH
 * ==========================================================
 */

/* Icon-only password control. Keep one accessible button and suppress
 * WooCommerce's secondary eye so the field never shows duplicate controls. */
body.woocommerce-account
#customer_login
.password-input
.input-text,

body.chacha-account-details-page
.chacha-account-password-wrap
.input-text {
	padding-right:
		56px;
}


body.chacha-account-details-page
.password-input
.show-password-input {
	display:
		none !important;
}


.chacha-account-password-toggle,

body.chacha-account-details-page
.chacha-account-password-toggle {
	display:
		inline-flex;

	align-items:
		center;

	justify-content:
		center;

	right:
		8px;

	width:
		40px;

	height:
		40px;

	padding:
		0;

	border:
		0;

	border-radius:
		50%;

	background:
		transparent;

	font-size:
		0;

	letter-spacing:
		0;

	text-transform:
		none;

	color:
		#8F6F3F;

	box-shadow:
		none;
}


.chacha-account-password-toggle__icon {
	width:
		20px;

	height:
		20px;

	fill:
		none;

	stroke:
		currentColor;

	stroke-width:
		1.6;

	stroke-linecap:
		round;

	stroke-linejoin:
		round;
}


.chacha-account-password-toggle.is-visible::after {
	content:
		"";

	position:
		absolute;

	width:
		22px;

	height:
		1.5px;

	border-radius:
		2px;

	background:
		currentColor;

	transform:
		rotate(
			45deg
		);
}


.chacha-account-password-toggle:hover,

body.chacha-account-details-page
.chacha-account-password-toggle:hover {
	background:
		#F3ECE3;

	color:
		#201A17;
}


/* Native legend remains available to assistive technology; the visual title
 * is rendered as a normal grid item so it sits inside the password panel. */
body.chacha-account-details-page
.chacha-account-password-panel {
	border:
		0;

	box-shadow:
		inset
		0
		0
		0
		1px
		#E1D8CD;
}


body.chacha-account-details-page
.chacha-account-password-panel
.chacha-account-password-panel__legend {
	position:
		absolute !important;

	width:
		1px !important;

	height:
		1px !important;

	margin:
		-1px !important;

	padding:
		0 !important;

	overflow:
		hidden !important;

	clip:
		rect(
			0,
			0,
			0,
			0
		) !important;

	white-space:
		nowrap !important;

	border:
		0 !important;
}


body.chacha-account-details-page
.chacha-account-password-panel__title {
	grid-column:
		1
		/
		-1;

	margin:
		0
		0
		4px;

	padding:
		0
		0
		15px;

	border-bottom:
		1px
		solid
		#E5DDD4;

	font-family:
		var(--chacha-font-heading, "Cormorant Garamond", serif);

	font-size:
		26px;

	font-weight:
		500;

	line-height:
		1.08;

	color:
		#201A17;
}


/* The title already says which address card this is. Keep the action concise. */
body.chacha-account-address-overview
.woocommerce-Address-title
.edit {
	min-width:
		76px;

	min-height:
		38px;

	padding:
		0
		14px;

	font-size:
		9px;

	line-height:
		1;

	letter-spacing:
		0.035em;

	text-transform:
		none;
}


@media (max-width: 760px) {

	body.chacha-account-details-page
	.chacha-account-password-panel__title {
		font-size:
			24px;
	}


	body.chacha-account-address-overview
	.woocommerce-Address-title {
		align-items:
			flex-start;
	}

}