/* wg-account-dashboard.css · My Account logged-in area (dashboard + every endpoint): sidebar profile card and nav,
   dashboard stats, notices, buttons, address cards, order tables and the edit-account / edit-address forms.
   Uses the same --wga-* tokens, Sandstone cards, Quanta headings, underline inputs and pill buttons as wg-account.css
   (login), so both states of /my-account/ read as one page. Dark mode via body.layout--switched.
   Markup: Zeyna's woocommerce/myaccount/my-account.php + dashboard.php (parent theme). Site-wide for Barba. 2026-10-27 */

/* ---------- Tokens ---------- */
.account--sec {
	--wga-accent: #FC4521;
	--wga-hover: var(--wg-header-orange, #FC3D19);
	--wga-ink: #191919;
	--wga-body: #3A3A3A;
	--wga-muted: #6E645F;
	--wga-card: #E8DFD0;
	--wga-surface: #FFFFFF;
	--wga-line: rgba(25, 25, 25, .18);
	--wga-line-strong: rgba(25, 25, 25, .45);
	--wga-btn: #191919;
	--wga-btn-ink: #FFFFFF;
	--wga-btn-hover: var(--wg-header-orange, #FC3D19);
	--wga-btn-hover-ink: #FFFFFF;
	--wga-nav-active: #191919;
	--wga-nav-active-ink: #FFFFFF;
	--wga-glow: rgba(252, 61, 25, .28);
	--wga-error-bg: #FFDFD9;
	--wga-error-ink: #9A2410;
	--wga-ok-bg: rgba(10, 135, 84, .12);
	--wga-ok-ink: #0A6B43;
	--wga-quanta: 'QuantaGroteskPro-Medium-BF6459a54ca605a', 'DM Sans', sans-serif;
}

body.layout--switched .account--sec {
	--wga-accent: #F1C36D;
	--wga-hover: #F1C36D;
	--wga-ink: #F1F1F1;
	--wga-body: rgba(241, 241, 241, .72);
	--wga-muted: #B5A898;
	--wga-card: #191919;
	--wga-surface: #232323;
	--wga-line: rgba(241, 241, 241, .16);
	--wga-line-strong: rgba(241, 241, 241, .4);
	--wga-btn: #F1C36D;
	--wga-btn-ink: #191919;
	--wga-btn-hover: #FFF0D9;
	--wga-btn-hover-ink: #191919;
	--wga-nav-active: #F1C36D;
	--wga-nav-active-ink: #191919;
	--wga-glow: rgba(241, 195, 109, .22);
	--wga-error-bg: rgba(220, 38, 38, .16);
	--wga-error-ink: #FFB7A9;
	--wga-ok-bg: rgba(10, 135, 84, .2);
	--wga-ok-ink: #8FD9B6;
}

/* ---------- Page shell ---------- */
body.woocommerce-account .account--sec {
	padding: clamp(40px, 8vh, 96px) 0 clamp(64px, 10vh, 120px);
	font-family: 'DM Sans', sans-serif;
	color: var(--wga-ink);
}

body.woocommerce-account .account--sec *,
body.woocommerce-account .account--sec *::before,
body.woocommerce-account .account--sec *::after { box-sizing: border-box; }

body.woocommerce-account .account--sec > .pe-wrapper {
	display: grid;
	grid-template-columns: minmax(0, 300px) minmax(0, 1fr);
	column-gap: clamp(32px, 4vw, 64px);
	row-gap: 0;
	align-items: start;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0;
}

/* Page title — the Zeyna template prints none */
body.woocommerce-account .account--sec > .pe-wrapper::before {
	content: "My account";
	grid-column: 1 / -1;
	margin: 0 0 clamp(32px, 4vw, 48px);
	font-family: var(--wga-quanta);
	font-size: clamp(40px, 4.4vw, 64px);
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: .02em;
	color: var(--wga-ink);
}

body.woocommerce-account .account--sec .pe-col-3.zeyna--account--nav,
body.woocommerce-account .account--sec .pe-col-9.zeyna--account--content {
	width: auto;
	max-width: none;
	flex: none;
	margin: 0;
	padding: 0;
}

/* ---------- Sidebar ---------- */
body.woocommerce-account .account--sec .zeyna--account--nav {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* Profile card */
body.woocommerce-account .account--sec .zeyna--account--details {
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr);
	align-items: center;
	gap: 14px;
	width: auto;
	height: auto;
	min-height: 0;
	margin: 0;
	padding: 20px;
	border-radius: 10px;
	background: var(--wga-card);
	color: var(--wga-ink);
	overflow: hidden;
}

body.woocommerce-account .account--sec .zeyna--user--avatar {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	overflow: hidden;
	background: var(--wga-surface);
}

body.woocommerce-account .account--sec .zeyna--user--avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.woocommerce-account .account--sec .zeyna--user--details {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	min-width: 0;
	width: auto;
	height: auto;
	padding: 0;
	position: static;
}

body.woocommerce-account .account--sec .zeyna--user--display--name {
	max-width: 100%;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
	color: var(--wga-ink);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.woocommerce-account .account--sec .zeyna--user--url { display: none; }

body.woocommerce-account .account--sec .zeyna--logout--button {
	position: static;
	display: inline-flex;
	align-items: center;
	margin: 4px 0 0;
	padding: 0;
	border: 0;
	background: none;
	font-size: 14px;
	line-height: 18px;
	color: var(--wga-muted);
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: color .25s ease;
}

body.woocommerce-account .account--sec .zeyna--logout--button:hover,
body.woocommerce-account .account--sec .zeyna--logout--button:focus-visible { color: var(--wga-hover); }

body.woocommerce-account .account--sec .zeyna--account--dets--foot:empty,
body.woocommerce-account .account--sec .zeyna--account--dets--foot:not(:has(*)) { display: none; }

/* Nav (sidebar + the mobile copy at the top of the content column) */
body.woocommerce-account .account--sec .woocommerce-MyAccount-navigation {
	float: none;
	width: auto;
	height: auto;
	margin: 0;
	padding: 8px;
	border-radius: 10px;
	background: var(--wga-surface);
	box-shadow: inset 0 0 0 1px var(--wga-line);
}

body.woocommerce-account .account--sec .woocommerce-MyAccount-navigation ul {
	display: flex;
	flex-direction: column;
	gap: 2px;
	width: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.woocommerce-account .account--sec .woocommerce-MyAccount-navigation li {
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}

body.woocommerce-account .account--sec .woocommerce-MyAccount-navigation li a {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 11px 14px;
	border-radius: 6px;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	color: var(--wga-body);
	text-decoration: none;
	text-transform: none;
	transition: background-color .25s ease, color .25s ease;
}

body.woocommerce-account .account--sec .woocommerce-MyAccount-navigation .acc--nav--icon {
	display: inline-flex;
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	margin: 0;
}

body.woocommerce-account .account--sec .woocommerce-MyAccount-navigation .acc--nav--icon svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
	transition: fill .25s ease;
}

body.woocommerce-account .account--sec .woocommerce-MyAccount-navigation li a:hover,
body.woocommerce-account .account--sec .woocommerce-MyAccount-navigation li a:focus-visible {
	background: var(--wga-card);
	color: var(--wga-ink);
}

body.woocommerce-account .account--sec .woocommerce-MyAccount-navigation li.is-active a {
	background: var(--wga-nav-active);
	color: var(--wga-nav-active-ink);
	font-weight: 500;
}

body.woocommerce-account .account--sec .woocommerce-MyAccount-navigation li.is-active .acc--nav--icon svg { fill: var(--wga-accent); }
body.layout--switched.woocommerce-account .account--sec .woocommerce-MyAccount-navigation li.is-active .acc--nav--icon svg { fill: var(--wga-nav-active-ink); }

body.woocommerce-account .account--sec .woocommerce-MyAccount-navigation-link--customer-logout { margin-top: 6px !important; padding-top: 6px !important; border-top: 1px solid var(--wga-line) !important; }

/* "No active orders" box under the nav */
body.woocommerce-account .account--sec .zeyna--user--active--order {
	width: auto;
	margin: 0;
	padding: 14px 20px;
	border-radius: 10px;
	background: transparent;
	box-shadow: inset 0 0 0 1px var(--wga-line);
}

body.woocommerce-account .account--sec .zeyna--user--active--order p {
	margin: 0;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--wga-muted);
}

/* Mobile nav copy — hidden on desktop */
body.woocommerce-account .account--sec .zeyna--account--nav--top { display: none; }

/* ---------- Content column ---------- */
body.woocommerce-account .account--sec .woocommerce-MyAccount-content {
	float: none;
	width: auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	border-radius: 0;
	background: transparent;
	font-size: 16px;
	line-height: 1.6;
	color: var(--wga-body);
}

body.woocommerce-account .account--sec .woocommerce-MyAccount-content > p:first-of-type { margin-top: 0; }

body.woocommerce-account .account--sec .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button) {
	color: var(--wga-ink);
	text-decoration: underline;
	text-decoration-color: var(--wga-accent);
	text-underline-offset: 3px;
	transition: color .25s ease;
}

body.woocommerce-account .account--sec .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button):hover { color: var(--wga-hover); }

body.woocommerce-account .account--sec .woocommerce-MyAccount-content .p-large,
body.woocommerce-account .account--sec .woocommerce-MyAccount-content h2,
body.woocommerce-account .account--sec .woocommerce-MyAccount-content h3,
body.woocommerce-account .account--sec .woocommerce-MyAccount-content legend {
	margin: 0 0 16px;
	padding: 0;
	font-family: var(--wga-quanta);
	font-size: clamp(22px, 2vw, 28px);
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: .01em;
	text-transform: none;
	color: var(--wga-ink);
}

/* ---------- Dashboard ---------- */
/* The dashboard repeats the nav inside the content column — the sidebar already has it */
body.woocommerce-account .account--sec .zeyna--account--dashboard--nav { display: none; }

body.woocommerce-account .account--sec .zeyna--account--dashboard {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: auto;
}

body.woocommerce-account .account--sec .zeyna--account--dashboard--head {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

body.woocommerce-account .account--sec .zeyna--account--dashboard--head > div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
	width: auto;
	min-height: 150px;
	text-align: left;
	margin: 0;
	padding: 24px;
	border: 0;
	border-radius: 10px;
	background: var(--wga-card);
}

body.woocommerce-account .account--sec .zeyna--account--dashboard--head .user--curent--orders {
	background: var(--wga-btn);
	color: var(--wga-btn-ink);
}

body.woocommerce-account .account--sec .zeyna--account--dashboard--head .user--num {
	order: 2;
	font-family: var(--wga-quanta);
	font-size: clamp(44px, 4.4vw, 64px);
	font-weight: 400;
	line-height: 1;
	color: var(--wga-ink);
}

body.woocommerce-account .account--sec .zeyna--account--dashboard--head span:not(.user--num) {
	order: 1;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--wga-muted);
}

body.woocommerce-account .account--sec .zeyna--account--dashboard--head .user--curent--orders .user--num { color: var(--wga-btn-ink); }
body.woocommerce-account .account--sec .zeyna--account--dashboard--head .user--curent--orders span:not(.user--num) { color: var(--wga-accent); }
body.layout--switched.woocommerce-account .account--sec .zeyna--account--dashboard--head .user--curent--orders span:not(.user--num) { color: var(--wga-btn-ink); opacity: .7; }

body.woocommerce-account .account--sec .zeyna--account--dashboard--foot {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 16px;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

body.woocommerce-account .account--sec .zeyna--account--dashboard--foot > div {
	width: auto;
	height: auto;
	min-height: 0;
	margin: 0;
	padding: clamp(24px, 3vw, 32px);
	border-radius: 10px;
	background: var(--wga-surface);
	box-shadow: inset 0 0 0 1px var(--wga-line);
}

body.woocommerce-account .account--sec .zeyna--account--dashboard--foot > div:not(:has(*)) { display: none; }

body.woocommerce-account .account--sec .user--latest--orders::before {
	content: "Latest orders";
	display: block;
	margin: 0 0 12px;
	font-family: var(--wga-quanta);
	font-size: clamp(22px, 2vw, 28px);
	line-height: 1.2;
	color: var(--wga-ink);
}

body.woocommerce-account .account--sec .user--latest--orders p { margin: 0; color: var(--wga-muted); }

/* ---------- Notices ---------- */
/* Zeyna's woo-styles.css turns every notice into a fixed bottom toast (position/left/bottom/bg/border all !important) —
   inside My Account they sit inline in the content column instead */
body.woocommerce-account .account--sec .woocommerce-info,
body.woocommerce-account .account--sec .woocommerce-message,
body.woocommerce-account .account--sec .woocommerce-error {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	position: static !important;
	left: auto !important;
	bottom: auto !important;
	z-index: auto !important;
	width: auto;
	max-width: none;
	margin: 0 0 16px;
	padding: 20px 24px;
	border: 0 !important;
	border-radius: 10px;
	background: var(--wga-card) !important;
	box-shadow: none;
	transform: none;
	white-space: normal;
	font-size: 16px;
	line-height: 1.5;
	color: var(--wga-ink) !important;
	list-style: none;
}

body.woocommerce-account .account--sec .woocommerce-info::before,
body.woocommerce-account .account--sec .woocommerce-message::before,
body.woocommerce-account .account--sec .woocommerce-error::before,
body.woocommerce-account .account--sec .woocommerce-info::after,
body.woocommerce-account .account--sec .woocommerce-message::after { display: none; content: none; }

body.woocommerce-account .account--sec .woocommerce-error { background: var(--wga-error-bg) !important; color: var(--wga-error-ink) !important; }
body.woocommerce-account .account--sec .woocommerce-notices-wrapper .woocommerce-message { background: var(--wga-ok-bg) !important; color: var(--wga-ok-ink) !important; }

/* WooCommerce prints the button first inside notices — push it to the end */
body.woocommerce-account .account--sec .woocommerce-info > .button,
body.woocommerce-account .account--sec .woocommerce-message > .button { order: 2; float: none; margin: 0; }

/* ---------- Buttons ---------- */
body.woocommerce-account .account--sec .woocommerce-MyAccount-content .button,
body.woocommerce-account .account--sec .woocommerce-MyAccount-content button[type="submit"],
body.woocommerce-account .account--sec .woocommerce-MyAccount-content .woocommerce-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 44px;
	margin: 0;
	padding: 10px 24px;
	border: 0;
	border-radius: 50px;
	background: var(--wga-btn);
	box-shadow: none;
	font-family: 'DM Sans', sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	text-transform: none;
	text-decoration: none;
	white-space: nowrap;
	color: var(--wga-btn-ink);
	cursor: pointer;
	transition: background-color .3s ease, color .3s ease, transform .3s ease, box-shadow .3s ease;
}

body.woocommerce-account .account--sec .woocommerce-MyAccount-content .button:hover,
body.woocommerce-account .account--sec .woocommerce-MyAccount-content button[type="submit"]:hover,
body.woocommerce-account .account--sec .woocommerce-MyAccount-content .woocommerce-button:hover {
	background: var(--wga-btn-hover);
	color: var(--wga-btn-hover-ink);
	box-shadow: 0 6px 16px var(--wga-glow);
	transform: translateY(-2px);
}

body.woocommerce-account .account--sec .woocommerce-MyAccount-content .button:focus-visible,
body.woocommerce-account .account--sec .woocommerce-MyAccount-content button[type="submit"]:focus-visible {
	outline: 2px solid var(--wga-accent);
	outline-offset: 3px;
}

/* ---------- Addresses ---------- */
body.woocommerce-account .account--sec .woocommerce-Addresses {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin: 24px 0 0;
}

body.woocommerce-account .account--sec .woocommerce-Addresses::before,
body.woocommerce-account .account--sec .woocommerce-Addresses::after { display: none; }

body.woocommerce-account .account--sec .woocommerce-Address {
	float: none;
	width: auto;
	max-width: none;
	margin: 0;
	padding: clamp(24px, 3vw, 32px);
	border-radius: 10px;
	background: var(--wga-card);
}

body.woocommerce-account .account--sec .woocommerce-Address-title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	margin: 0 0 16px;
	text-align: left;
}

/* WooCommerce's clearfix pseudos become flex items and push the title around */
body.woocommerce-account .account--sec .woocommerce-Address-title::before,
body.woocommerce-account .account--sec .woocommerce-Address-title::after { display: none !important; content: none !important; }

body.woocommerce-account .account--sec .woocommerce-Address-title .p-large { float: none; margin: 0; }
body.woocommerce-account .account--sec .woocommerce-Address-title .edit { float: none; font-size: 14px; text-align: left; }

body.woocommerce-account .account--sec .woocommerce-Address address {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	font-style: normal;
	line-height: 1.6;
	color: var(--wga-body);
}

/* ---------- Tables (orders, downloads, subscriptions, order details) ---------- */
body.woocommerce-account .account--sec .woocommerce-MyAccount-content table.shop_table,
body.woocommerce-account .account--sec .woocommerce-MyAccount-content table.my_account_orders {
	width: 100%;
	margin: 0 0 24px;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 10px;
	background: var(--wga-surface);
	box-shadow: inset 0 0 0 1px var(--wga-line);
	overflow: hidden;
	font-size: 15px;
}

body.woocommerce-account .account--sec .woocommerce-MyAccount-content table.shop_table th {
	padding: 14px 18px;
	border: 0;
	background: var(--wga-card);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .08em;
	text-transform: uppercase;
	text-align: left;
	color: var(--wga-muted);
}

body.woocommerce-account .account--sec .woocommerce-MyAccount-content table.shop_table td {
	padding: 16px 18px;
	border: 0;
	border-top: 1px solid var(--wga-line);
	vertical-align: middle;
	color: var(--wga-ink);
}

body.woocommerce-account .account--sec .woocommerce-MyAccount-content table.shop_table tbody tr:first-child td { border-top: 0; }
body.woocommerce-account .account--sec .woocommerce-MyAccount-content table.shop_table td .button { min-height: 36px; padding: 8px 18px; font-size: 14px; }
body.woocommerce-account .account--sec .woocommerce-MyAccount-content table.shop_table td .button + .button { margin-left: 6px; }

body.woocommerce-account .account--sec .woocommerce-pagination { display: flex; gap: 8px; margin-top: 16px; }

/* ---------- Forms (edit account, edit address) ---------- */
body.woocommerce-account .account--sec .woocommerce-EditAccountForm,
body.woocommerce-account .account--sec .woocommerce-MyAccount-content > form {
	padding: clamp(28px, 3vw, 40px);
	border-radius: 10px;
	background: var(--wga-card);
}

body.woocommerce-account .account--sec .woocommerce-address-fields__field-wrapper,
body.woocommerce-account .account--sec .woocommerce-EditAccountForm {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 24px;
	row-gap: 4px;
}

body.woocommerce-account .account--sec .woocommerce-EditAccountForm > *,
body.woocommerce-account .account--sec .woocommerce-address-fields__field-wrapper > * { grid-column: 1 / -1; }

body.woocommerce-account .account--sec .woocommerce-EditAccountForm > .form-row-first,
body.woocommerce-account .account--sec .woocommerce-address-fields__field-wrapper > .form-row-first { grid-column: 1; }

body.woocommerce-account .account--sec .woocommerce-EditAccountForm > .form-row-last,
body.woocommerce-account .account--sec .woocommerce-address-fields__field-wrapper > .form-row-last { grid-column: 2; }

body.woocommerce-account .account--sec .woocommerce-MyAccount-content .clear { display: none; }

body.woocommerce-account .account--sec .woocommerce-MyAccount-content .form-row {
	float: none;
	width: auto;
	margin: 0 0 20px;
	padding: 0;
}

body.woocommerce-account .account--sec .woocommerce-MyAccount-content .form-row label {
	display: block;
	margin: 0 0 2px;
	font-size: 14px;
	line-height: 18px;
	color: var(--wga-muted);
}

body.woocommerce-account .account--sec .woocommerce-MyAccount-content .form-row .required {
	color: var(--wga-accent);
	text-decoration: none;
	border: 0;
}

body.woocommerce-account .account--sec .woocommerce-MyAccount-content .woocommerce-input-wrapper { display: block; width: 100%; }

body.woocommerce-account .account--sec .woocommerce-MyAccount-content input.input-text,
body.woocommerce-account .account--sec .woocommerce-MyAccount-content select,
body.woocommerce-account .account--sec .woocommerce-MyAccount-content textarea,
body.woocommerce-account .account--sec .woocommerce-MyAccount-content .select2-container .select2-selection--single {
	display: block;
	width: 100%;
	min-width: 0;
	height: auto;
	margin: 0;
	padding: 10px 0 12px;
	border: 0;
	border-bottom: 1px solid var(--wga-line);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	outline: none;
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	line-height: 1.4;
	color: var(--wga-ink);
	transition: border-color .25s ease, box-shadow .25s ease;
}

body.woocommerce-account .account--sec .woocommerce-MyAccount-content .select2-container .select2-selection--single .select2-selection__rendered { padding: 0; line-height: 1.4; color: var(--wga-ink); }
body.woocommerce-account .account--sec .woocommerce-MyAccount-content .select2-container .select2-selection--single .select2-selection__arrow { top: 50%; right: 0; transform: translateY(-50%); }

body.woocommerce-account .account--sec .woocommerce-MyAccount-content input.input-text:hover,
body.woocommerce-account .account--sec .woocommerce-MyAccount-content select:hover { border-bottom-color: var(--wga-line-strong); }

body.woocommerce-account .account--sec .woocommerce-MyAccount-content input.input-text:focus,
body.woocommerce-account .account--sec .woocommerce-MyAccount-content select:focus,
body.woocommerce-account .account--sec .woocommerce-MyAccount-content textarea:focus {
	border-bottom-color: var(--wga-accent);
	box-shadow: 0 1px 0 0 var(--wga-accent);
}

body.woocommerce-account .account--sec .woocommerce-MyAccount-content input.input-text:-webkit-autofill {
	-webkit-text-fill-color: var(--wga-ink);
	-webkit-box-shadow: 0 0 0 1000px var(--wga-card) inset;
}

body.woocommerce-account .account--sec .woocommerce-MyAccount-content .form-row em,
body.woocommerce-account .account--sec .woocommerce-MyAccount-content #account_display_name_description {
	display: block;
	margin-top: 6px;
	font-size: 13px;
	font-style: normal;
	color: var(--wga-muted);
}

body.woocommerce-account .account--sec .woocommerce-EditAccountForm fieldset {
	margin: 16px 0 8px;
	padding: 24px 0 0;
	border: 0;
	border-top: 1px solid var(--wga-line);
}

body.woocommerce-account .account--sec .woocommerce-EditAccountForm fieldset legend { float: left; width: 100%; margin-bottom: 20px; }
body.woocommerce-account .account--sec .woocommerce-EditAccountForm fieldset legend + * { clear: both; }

body.woocommerce-account .account--sec .password-input { display: block; position: relative; }
body.woocommerce-account .account--sec .show-password-input { top: 50%; right: 0; transform: translateY(-50%); }
body.layout--switched .account--sec .show-password-input::before { filter: invert(1); }

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
	body.woocommerce-account .account--sec > .pe-wrapper {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 24px;
		max-width: 720px;
		padding: 0 20px;
	}

	body.woocommerce-account .account--sec > .pe-wrapper::before { margin-bottom: 8px; }

	/* Nav becomes a horizontal, scrollable chip row */
	body.woocommerce-account .account--sec .zeyna--account--nav .woocommerce-MyAccount-navigation { overflow-x: auto; scrollbar-width: none; }
	body.woocommerce-account .account--sec .zeyna--account--nav .woocommerce-MyAccount-navigation::-webkit-scrollbar { display: none; }
	body.woocommerce-account .account--sec .zeyna--account--nav .woocommerce-MyAccount-navigation ul { flex-direction: row; width: max-content; }
	body.woocommerce-account .account--sec .zeyna--account--nav .woocommerce-MyAccount-navigation li a { padding: 10px 14px; white-space: nowrap; }
	body.woocommerce-account .account--sec .woocommerce-MyAccount-navigation-link--customer-logout { margin: 0 0 0 6px !important; padding: 0 0 0 6px !important; border-top: 0 !important; border-left: 1px solid var(--wga-line) !important; }

	body.woocommerce-account .account--sec .zeyna--user--active--order { display: none; }
}

@media (max-width: 640px) {
	body.woocommerce-account .account--sec .zeyna--account--dashboard--head { grid-template-columns: minmax(0, 1fr); }
	body.woocommerce-account .account--sec .zeyna--account--dashboard--head > div { min-height: 0; flex-direction: row; align-items: center; }

	body.woocommerce-account .account--sec .woocommerce-Addresses,
	body.woocommerce-account .account--sec .woocommerce-address-fields__field-wrapper,
	body.woocommerce-account .account--sec .woocommerce-EditAccountForm { grid-template-columns: minmax(0, 1fr); }

	body.woocommerce-account .account--sec .woocommerce-EditAccountForm > .form-row-last,
	body.woocommerce-account .account--sec .woocommerce-address-fields__field-wrapper > .form-row-last { grid-column: 1; }

	/* WooCommerce's responsive table pattern: rows become stacked cards */
	body.woocommerce-account .account--sec .woocommerce-MyAccount-content table.shop_table_responsive thead { display: none; }
	body.woocommerce-account .account--sec .woocommerce-MyAccount-content table.shop_table_responsive tr { display: block; border-top: 1px solid var(--wga-line); }
	body.woocommerce-account .account--sec .woocommerce-MyAccount-content table.shop_table_responsive tbody tr:first-child { border-top: 0; }
	body.woocommerce-account .account--sec .woocommerce-MyAccount-content table.shop_table_responsive td { display: flex; justify-content: space-between; gap: 16px; padding: 10px 18px; border-top: 0; text-align: right; }
	body.woocommerce-account .account--sec .woocommerce-MyAccount-content table.shop_table_responsive td::before { float: none; font-size: 12px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--wga-muted); }
}

@media (prefers-reduced-motion: reduce) {
	body.woocommerce-account .account--sec .woocommerce-MyAccount-content .button,
	body.woocommerce-account .account--sec .woocommerce-MyAccount-content button[type="submit"] { transition: none; transform: none !important; }
}