/* ==========================================================================
   Wejha Store — My Account (account page only, after woocommerce.css)
   --------------------------------------------------------------------------
   One direction: paper on the desk. White cards with a hairline border on the warm page; the
   navigation is a tabbed folder whose open tab is navy with a thin amber index mark; the orders read
   as a ruled ledger. Amber (--wejha-yellow-text) appears only on the index mark and the shortcut
   icons. Markup: WooCommerce's account templates + inc/account.php + woocommerce/myaccount/dashboard.php.
   Blocksy's own account skin (.ct-woo-account flex, the "woo" icon font on the links) is overridden
   here at a higher specificity, never with !important; its .ct-acount-nav box is gone with the
   my-account.php override.
   Logical properties throughout: Arabic (RTL) is the primary layout.

   Sections: 1. Shell + page header   2. Navigation   3. Panels   4. Dashboard   5. Status pills
             6. Orders table + pagination   7. View order   8. Addresses   9. Forms
             10. Notices + login view   11. Motion
   ========================================================================== */

/* 1. Shell + page header ------------------------------------------------- */
/* Blocksy lays the account out as a flex row from 690px; the store uses a grid so the page header (and a
   top-level notice) span both columns and the folder sits beside the content.
   Height: Blocksy's #main-container is already a full-viewport flex column, but its tall footer counts
   towards that height, so on a short endpoint (downloads, an empty orders list) the footer started halfway
   up the screen. The account area itself therefore fills the viewport under the header, less the page's own
   vertical padding: a short page ends at the fold and the footer begins there; a long page is unaffected. */
.woocommerce.ct-woo-account {
	--wejha-account-gap: var(--wejha-space-5);
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	row-gap: var(--wejha-account-gap);
	align-content: start;
	max-width: 1200px; /* width stays Blocksy's constrained-layout width (the site container minus its gutter) */
	min-height: calc(100svh - var(--header-height, 128px) - var(--admin-bar, 0px) - 2 * var(--theme-content-vertical-spacing, 60px));
	margin-inline: auto;
}

/* Page header (and a top-level notice, when WooCommerce prints one there) span the row; the folder and
   the content fill the next row side by side on desktop, one under the other below it. */
.ct-woo-account > .wejha-account-head,
.ct-woo-account > .woocommerce-notices-wrapper {
	grid-column: 1 / -1;
}

.ct-woo-account > .woocommerce-notices-wrapper {
	order: -1;
}

.ct-woo-account > .woocommerce-notices-wrapper:empty {
	display: none;
}

.ct-woo-account > .wejha-account-nav {
	align-self: start;
	min-width: 0;
}

.ct-woo-account > .woocommerce-MyAccount-content {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

@media (min-width: 1000px) {
	.woocommerce.ct-woo-account {
		--wejha-account-gap: var(--wejha-space-6);
		grid-template-columns: 264px minmax(0, 1fr);
		column-gap: var(--wejha-space-6);
	}
}

.wejha-account-head {
	display: grid;
	gap: var(--wejha-space-2);
}

.wejha-account-head__title {
	margin: 0;
	font-size: var(--wejha-text-2xl);
	font-weight: 600;
	line-height: 1.2;
}

.wejha-account-head__lead {
	margin: 0;
	max-width: 62ch;
	font-size: var(--wejha-text-md);
	color: var(--wejha-text-muted);
}

@media (min-width: 1000px) {
	.wejha-account-head__title {
		font-size: var(--wejha-text-3xl);
	}
}

/* 2. Navigation ---------------------------------------------------------- */
/* The folder on desktop; on smaller screens a row of pills the thumb can scroll. */
.ct-woo-account .wejha-account-nav__list {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: var(--wejha-text-sm);
}

.ct-woo-account .wejha-account-nav__item {
	margin: 0;
}

.ct-woo-account .wejha-account-nav .wejha-account-nav__link {
	display: inline-flex;
	align-items: center;
	gap: var(--wejha-space-2);
	height: 42px;
	padding-inline: var(--wejha-space-4);
	border: 1px solid var(--wejha-border);
	border-radius: var(--wejha-radius-pill);
	background: var(--wejha-white);
	color: var(--wejha-heading);
	font-weight: 500;
	white-space: nowrap;
	text-decoration: none;
	transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

/* Blocksy draws its icon font in ::before; ours is an inline SVG, so the pseudo-element is freed. */
.ct-woo-account .wejha-account-nav .wejha-account-nav__link::before {
	content: none;
}

.ct-woo-account .wejha-account-nav .wejha-account-nav__link .wejha-account-icon {
	flex: none;
	color: var(--wejha-text-muted);
	transition: color .18s ease;
}

.ct-woo-account .wejha-account-nav .wejha-account-nav__link:hover,
.ct-woo-account .wejha-account-nav .wejha-account-nav__link:focus-visible {
	background: var(--wejha-sand);
	border-color: rgba(5, 48, 90, 0.22);
	color: var(--wejha-heading);
}

.ct-woo-account .wejha-account-nav .wejha-account-nav__link:hover .wejha-account-icon,
.ct-woo-account .wejha-account-nav .wejha-account-nav__link:focus-visible .wejha-account-icon,
.ct-woo-account .wejha-account-nav .is-active .wejha-account-nav__link .wejha-account-icon {
	color: currentColor;
}

.ct-woo-account .wejha-account-nav .is-active .wejha-account-nav__link {
	background: var(--wejha-primary);
	border-color: var(--wejha-primary);
	color: var(--wejha-text-on-primary);
}

/* Log out: last, quieter, its own outline */
.ct-woo-account .wejha-account-nav .wejha-account-nav__item--logout .wejha-account-nav__link {
	background: transparent;
	color: var(--wejha-text-muted);
}

.ct-woo-account .wejha-account-nav .wejha-account-nav__item--logout .wejha-account-nav__link:hover,
.ct-woo-account .wejha-account-nav .wejha-account-nav__item--logout .wejha-account-nav__link:focus-visible {
	background: var(--wejha-sand);
	color: var(--wejha-heading);
}

/* Phones and tablets: one scrollable row, no page overflow, the active pill scrolled into view by
   assets/js/account.js */
@media (max-width: 999.98px) {
	.ct-woo-account .wejha-account-nav__list {
		display: flex;
		gap: var(--wejha-space-2);
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x proximity;
		padding-block: 2px;
		padding-inline: 2px;
		scrollbar-width: none;
	}

	.ct-woo-account .wejha-account-nav__list::-webkit-scrollbar {
		display: none;
	}

	.ct-woo-account .wejha-account-nav__item {
		flex: none;
		scroll-snap-align: start;
	}

	.ct-woo-account .wejha-account-nav .wejha-account-nav__item--logout {
		margin-inline-start: var(--wejha-space-2);
	}
}

/* Desktop: the folder */
@media (min-width: 1000px) {
	.ct-woo-account > .wejha-account-nav {
		position: sticky;
		top: var(--wejha-space-4);
		padding: var(--wejha-space-3);
		background: var(--wejha-white);
		border: 1px solid var(--wejha-border);
		border-radius: var(--wejha-radius-xl);
		box-shadow: var(--wejha-shadow-sm);
	}

	.ct-woo-account .wejha-account-nav__list {
		display: grid;
		gap: var(--wejha-space-1);
		font-size: 0.9375rem; /* 15px */
	}

	.ct-woo-account .wejha-account-nav .wejha-account-nav__link {
		position: relative;
		display: flex;
		width: 100%;
		height: 48px;
		gap: var(--wejha-space-3);
		padding-inline: var(--wejha-space-4);
		border: 0;
		border-radius: var(--wejha-radius-md);
		background: transparent;
		white-space: normal;
	}

	.ct-woo-account .wejha-account-nav .wejha-account-nav__link:hover,
	.ct-woo-account .wejha-account-nav .wejha-account-nav__link:focus-visible {
		background: var(--wejha-sand);
	}

	.ct-woo-account .wejha-account-nav .is-active .wejha-account-nav__link {
		background: var(--wejha-primary);
		color: var(--wejha-text-on-primary);
	}

	/* The index mark: a short amber bar on the open tab's start edge */
	.ct-woo-account .wejha-account-nav .is-active .wejha-account-nav__link::before {
		content: "";
		position: absolute;
		inset-inline-start: 0;
		inset-block-start: calc(50% - 9px);
		width: 3px;
		height: 18px;
		margin: 0;
		border-start-end-radius: 3px;
		border-end-end-radius: 3px;
		background: var(--wejha-yellow-text);
		font-family: inherit;
	}

	.ct-woo-account .wejha-account-nav .wejha-account-nav__item--logout {
		margin-block-start: var(--wejha-space-2);
		padding-block-start: var(--wejha-space-2);
		border-block-start: 1px solid var(--wejha-border);
	}

	.ct-woo-account .wejha-account-nav .wejha-account-nav__item--logout .wejha-account-nav__link {
		background: transparent;
	}

	.ct-woo-account .wejha-account-nav .wejha-account-nav__item--logout .wejha-account-nav__link:hover,
	.ct-woo-account .wejha-account-nav .wejha-account-nav__item--logout .wejha-account-nav__link:focus-visible {
		background: var(--wejha-sand);
	}
}

/* 3. Panels (every endpoint but the dashboard) -------------------------- */
.ct-woo-account .wejha-account-panel {
	flex: 1 1 auto;
	padding: var(--wejha-space-5);
	background: var(--wejha-white);
	border: 1px solid var(--wejha-border);
	border-radius: var(--wejha-radius-xl);
	box-shadow: var(--wejha-shadow-sm);
}

.ct-woo-account .wejha-account-panel__head {
	margin-block-end: var(--wejha-space-5);
	padding-block-end: var(--wejha-space-4);
	border-block-end: 1px solid var(--wejha-border);
}

.ct-woo-account .wejha-account-panel__title {
	margin: 0;
	font-size: var(--wejha-text-xl);
	font-weight: 600;
}

.ct-woo-account .wejha-account-panel__body > :last-child {
	margin-block-end: 0;
}

@media (min-width: 1000px) {
	.ct-woo-account .wejha-account-panel {
		padding: var(--wejha-space-6);
	}
}

/* 4. Dashboard ----------------------------------------------------------- */
.wejha-dashboard {
	display: grid;
	gap: var(--wejha-space-4);
}

@media (min-width: 690px) {
	.wejha-dashboard {
		gap: var(--wejha-space-5);
	}
}

/* Profile summary */
.wejha-profile {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wejha-space-4);
	padding: var(--wejha-space-5);
	background: var(--wejha-white);
	border: 1px solid var(--wejha-border);
	border-radius: var(--wejha-radius-xl);
	box-shadow: var(--wejha-shadow-sm);
}

.wejha-profile__avatar {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--wejha-primary);
	color: var(--wejha-text-on-primary);
	font-size: var(--wejha-text-xl);
	font-weight: 600;
	line-height: 1;
}

.wejha-profile__body {
	flex: 1 1 200px;
	min-width: 0;
}

.wejha-profile__name {
	margin: 0 0 var(--wejha-space-1);
	font-size: var(--wejha-text-lg);
	font-weight: 600;
}

.wejha-profile__meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wejha-space-1) var(--wejha-space-5);
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: var(--wejha-text-sm);
	color: var(--wejha-text-muted);
}

.wejha-profile__meta li {
	display: inline-flex;
	align-items: center;
	gap: var(--wejha-space-2);
	min-width: 0;
	margin: 0;
}

.wejha-profile__meta .wejha-account-icon {
	flex: none;
	color: var(--wejha-text-muted);
}

.wejha-profile__meta span {
	overflow-wrap: anywhere;
	font-variant-numeric: tabular-nums;
}

.wejha-profile__edit {
	flex: none;
	font-size: var(--wejha-text-sm);
}

@media (max-width: 689.98px) {
	.wejha-profile__edit {
		flex-basis: 100%;
	}
}

/* Shortcut cards: three cards side by side from 690px; on a phone one card holding three ruled rows,
   so the recent orders stay close to the top */
.wejha-shortcuts {
	display: grid;
	background: var(--wejha-white);
	border: 1px solid var(--wejha-border);
	border-radius: var(--wejha-radius-xl);
	box-shadow: var(--wejha-shadow-sm);
	overflow: hidden;
}

.wejha-shortcut {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	grid-template-areas:
		"icon title"
		"icon value";
	column-gap: var(--wejha-space-3);
	row-gap: 2px;
	align-items: center;
	padding: var(--wejha-space-4) var(--wejha-space-5);
	color: var(--wejha-heading);
	text-decoration: none;
	transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.wejha-shortcut + .wejha-shortcut {
	border-block-start: 1px solid var(--wejha-border);
}

.wejha-shortcut:hover,
.wejha-shortcut:focus-visible {
	color: var(--wejha-heading);
	background: var(--wejha-sand);
}

.wejha-shortcut .wejha-account-icon {
	grid-area: icon;
	color: var(--wejha-yellow-text);
}

.wejha-shortcut__title {
	grid-area: title;
	font-weight: 600;
	font-size: var(--wejha-text-md);
	line-height: 1.4;
}

.wejha-shortcut__value {
	grid-area: value;
	font-size: var(--wejha-text-sm);
	line-height: 1.5;
	color: var(--wejha-text-muted);
}

@media (min-width: 690px) {
	.wejha-shortcuts {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--wejha-space-4);
		background: none;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		overflow: visible;
	}

	.wejha-shortcut {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"icon"
			"title"
			"value";
		align-items: start;
		align-content: start;
		row-gap: var(--wejha-space-1);
		padding: var(--wejha-space-5);
		background: var(--wejha-white);
		border: 1px solid var(--wejha-border);
		border-radius: var(--wejha-radius-lg);
		box-shadow: var(--wejha-shadow-sm);
	}

	.wejha-shortcut + .wejha-shortcut {
		border-block-start: 1px solid var(--wejha-border);
	}

	.wejha-shortcut:hover,
	.wejha-shortcut:focus-visible {
		background: var(--wejha-white);
		border-color: rgba(5, 48, 90, 0.22);
		box-shadow: var(--wejha-shadow-md);
		transform: translateY(-1px);
	}

	.wejha-shortcut .wejha-account-icon {
		margin-block-end: var(--wejha-space-2);
	}
}

/* Recent orders: a ruled ledger */
.wejha-recent {
	padding: var(--wejha-space-5);
	background: var(--wejha-white);
	border: 1px solid var(--wejha-border);
	border-radius: var(--wejha-radius-xl);
	box-shadow: var(--wejha-shadow-sm);
}

.wejha-recent__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--wejha-space-4);
	margin-block-end: var(--wejha-space-2);
}

.wejha-recent__title {
	margin: 0;
	font-size: var(--wejha-text-lg);
	font-weight: 600;
}

.wejha-recent__all {
	font-size: var(--wejha-text-sm);
	font-weight: 500;
	color: var(--wejha-teal-text);
	text-decoration: none;
	white-space: nowrap;
}

.wejha-recent__all:hover,
.wejha-recent__all:focus-visible {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.wejha-ledger {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wejha-ledger__row {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	grid-template-areas:
		"number status total"
		"date   date   date";
	align-items: center;
	column-gap: var(--wejha-space-3);
	row-gap: 2px;
	margin: 0;
	padding-block: var(--wejha-space-3);
	border-block-start: 1px solid var(--wejha-border);
	font-size: var(--wejha-text-sm);
}

.wejha-ledger__row:first-child {
	border-block-start: 0;
}

.wejha-ledger__number {
	grid-area: number;
	font-weight: 600;
	font-size: var(--wejha-text-md);
	color: var(--wejha-heading);
	text-decoration: none;
	font-variant-numeric: tabular-nums;
}

.wejha-ledger__number:hover,
.wejha-ledger__number:focus-visible {
	color: var(--wejha-teal-text);
}

.wejha-ledger__date {
	grid-area: date;
	color: var(--wejha-text-muted);
}

.wejha-ledger__row .wejha-status {
	grid-area: status;
	justify-self: start;
}

.wejha-ledger__total {
	grid-area: total;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	color: var(--wejha-heading);
}

.wejha-ledger__view {
	display: none;
}

@media (min-width: 690px) {
	.wejha-ledger__row {
		grid-template-columns: 5.5rem minmax(0, 1fr) auto auto auto;
		grid-template-areas: "number date status total view";
		column-gap: var(--wejha-space-4);
		padding-block: var(--wejha-space-3);
	}

	.wejha-ledger__view {
		grid-area: view;
		display: inline-flex;
		align-items: center;
		min-height: 36px;
		padding-inline: var(--wejha-space-3);
		border: 1px solid var(--wejha-border);
		border-radius: var(--wejha-radius-md);
		color: var(--wejha-heading);
		font-weight: 500;
		text-decoration: none;
		transition: border-color .18s ease, background-color .18s ease;
	}

	.wejha-ledger__row:hover .wejha-ledger__view {
		border-color: var(--wejha-primary);
	}
}

/* Empty state */
.wejha-empty {
	display: grid;
	justify-items: center;
	gap: var(--wejha-space-2);
	padding: var(--wejha-space-6) var(--wejha-space-4);
	text-align: center;
}

.wejha-empty__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	margin-block-end: var(--wejha-space-2);
	border-radius: 50%;
	background: var(--wejha-sand);
	color: var(--wejha-heading);
}

.wejha-empty__title {
	margin: 0;
	font-size: var(--wejha-text-lg);
	font-weight: 600;
}

.wejha-empty__text {
	margin: 0;
	max-width: 42ch;
	color: var(--wejha-text-muted);
	font-size: var(--wejha-text-sm);
}

.wejha-empty__cta {
	margin-block-start: var(--wejha-space-3);
}

/* WooCommerce prints its own "No order has been made yet" notice right after the store's empty state
   on the orders endpoint (orders.php has no filter for it); it is the only notice that follows it. */
.ct-woo-account .wejha-empty ~ .woocommerce-info {
	display: none;
}

/* 5. Status pills (raw status key = modifier; the lifecycle's wejha-* and WooCommerce's own) ------ */
.wejha-status {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	padding: 0.2em 0.7em;
	border-radius: var(--wejha-radius-pill);
	font-size: var(--wejha-text-xs);
	font-weight: 500;
	line-height: 1.5;
	white-space: nowrap;
	background: var(--wejha-sand);
	color: var(--wejha-text-muted);
}

.wejha-status--wejha-unconfirmed,
.wejha-status--pending,
.wejha-status--on-hold {
	background: var(--wejha-yellow-soft);
	color: var(--wejha-heading);
}

.wejha-status--wejha-confirmed,
.wejha-status--wejha-preparing,
.wejha-status--processing {
	background: var(--wejha-tint-navy);
	color: var(--wejha-heading);
}

.wejha-status--wejha-delivering {
	background: var(--wejha-teal-soft);
	color: var(--wejha-teal-text);
}

.wejha-status--wejha-delivered,
.wejha-status--completed {
	background: var(--wejha-tint-mint);
	color: var(--wejha-teal-text);
}

.wejha-status--wejha-refund-due,
.wejha-status--failed {
	background: var(--wejha-red-soft);
	color: var(--wejha-red-text);
}

/* 6. Orders table + pagination ----------------------------------------- */
.ct-woo-account .woocommerce-orders-table {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	font-size: var(--wejha-text-sm);
}

.ct-woo-account .woocommerce-orders-table th,
.ct-woo-account .woocommerce-orders-table td {
	padding: var(--wejha-space-3) var(--wejha-space-2);
	border: 0;
	border-block-end: 1px solid var(--wejha-border);
	text-align: start;
	vertical-align: middle;
}

.ct-woo-account .woocommerce-orders-table thead th {
	padding-block: 0 var(--wejha-space-3);
	font-size: var(--wejha-text-xs);
	font-weight: 500;
	color: var(--wejha-text-muted);
}

.ct-woo-account .woocommerce-orders-table tbody tr:last-child th,
.ct-woo-account .woocommerce-orders-table tbody tr:last-child td {
	border-block-end: 0;
}

.ct-woo-account .woocommerce-orders-table__cell-order-number a {
	font-weight: 600;
	font-size: var(--wejha-text-md);
	color: var(--wejha-heading);
	text-decoration: none;
	font-variant-numeric: tabular-nums;
}

.ct-woo-account .woocommerce-orders-table__cell-order-number a:hover,
.ct-woo-account .woocommerce-orders-table__cell-order-number a:focus-visible {
	color: var(--wejha-teal-text);
}

.ct-woo-account .woocommerce-orders-table__cell-order-date {
	color: var(--wejha-text-muted);
}

.ct-woo-account .woocommerce-orders-table__cell-order-total {
	font-variant-numeric: tabular-nums;
}

.ct-woo-account .woocommerce-orders-table__cell-order-total .woocommerce-Price-amount {
	font-weight: 600;
	color: var(--wejha-heading);
}

.ct-woo-account .woocommerce-orders-table__cell-order-actions {
	text-align: end;
}

/* Row actions and pagination: quiet outlined buttons, not the navy primary */
.ct-woo-account .woocommerce-orders-table .woocommerce-button,
.ct-woo-account .woocommerce-pagination .woocommerce-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 0 var(--wejha-space-3);
	border: 1px solid var(--wejha-border);
	border-radius: var(--wejha-radius-md);
	background: var(--wejha-white);
	color: var(--wejha-heading);
	font-size: var(--wejha-text-sm);
	font-weight: 500;
	text-decoration: none;
	transition: border-color .18s ease, background-color .18s ease;
}

.ct-woo-account .woocommerce-orders-table .woocommerce-button:hover,
.ct-woo-account .woocommerce-orders-table .woocommerce-button:focus-visible,
.ct-woo-account .woocommerce-pagination .woocommerce-button:hover,
.ct-woo-account .woocommerce-pagination .woocommerce-button:focus-visible {
	background: var(--wejha-sand);
	border-color: var(--wejha-primary);
	color: var(--wejha-heading);
}

.ct-woo-account .woocommerce-orders-table .woocommerce-button + .woocommerce-button {
	margin-inline-start: var(--wejha-space-2);
}

.ct-woo-account .woocommerce-pagination {
	display: flex;
	justify-content: space-between;
	gap: var(--wejha-space-3);
	margin-block-start: var(--wejha-space-5);
}

/* Phones: every order becomes a small card, each cell a labelled line (WooCommerce's data-title) */
@media (max-width: 689.98px) {
	.ct-woo-account .woocommerce-orders-table thead {
		display: none;
	}

	.ct-woo-account .woocommerce-orders-table,
	.ct-woo-account .woocommerce-orders-table tbody,
	.ct-woo-account .woocommerce-orders-table tr {
		display: block;
	}

	.ct-woo-account .woocommerce-orders-table tr {
		padding: var(--wejha-space-3) var(--wejha-space-4);
		border: 1px solid var(--wejha-border);
		border-radius: var(--wejha-radius-lg);
	}

	.ct-woo-account .woocommerce-orders-table tr + tr {
		margin-block-start: var(--wejha-space-3);
	}

	.ct-woo-account .woocommerce-orders-table tbody th,
	.ct-woo-account .woocommerce-orders-table tbody td {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--wejha-space-3);
		padding: var(--wejha-space-2) 0;
		border: 0;
		border-block-end: 1px solid var(--wejha-border);
	}

	.ct-woo-account .woocommerce-orders-table tbody th {
		padding-block-start: 0;
	}

	.ct-woo-account .woocommerce-orders-table tbody td[data-title]::before {
		content: attr(data-title);
		float: none;
		display: inline;
		font-size: var(--wejha-text-xs);
		font-weight: 500;
		color: var(--wejha-text-muted);
	}

	.ct-woo-account .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions {
		display: block;
		padding-block: var(--wejha-space-3) 0;
		border-block-end: 0;
	}

	.ct-woo-account .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions::before {
		content: none;
	}

	.ct-woo-account .woocommerce-orders-table .woocommerce-button {
		width: 100%;
		min-height: var(--wejha-control-height);
	}

	.ct-woo-account .woocommerce-orders-table .woocommerce-button + .woocommerce-button {
		margin-inline-start: 0;
		margin-block-start: var(--wejha-space-2);
	}
}

/* 7. View order ---------------------------------------------------------- */
.ct-woo-account .wejha-order-meta {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wejha-space-3);
	font-size: var(--wejha-text-sm);
	color: var(--wejha-text-muted);
}

.ct-woo-account .woocommerce-order-details,
.ct-woo-account .woocommerce-customer-details {
	margin-block-start: var(--wejha-space-5);
}

.ct-woo-account .woocommerce-order-details__title,
.ct-woo-account .woocommerce-column__title,
.ct-woo-account .woocommerce-MyAccount-content .woocommerce-order-details header h2 {
	margin: 0 0 var(--wejha-space-3);
	font-size: var(--wejha-text-md);
	font-weight: 600;
}

.ct-woo-account .woocommerce-table--order-details {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	font-size: var(--wejha-text-sm);
}

.ct-woo-account .woocommerce-table--order-details th,
.ct-woo-account .woocommerce-table--order-details td {
	padding: var(--wejha-space-3) var(--wejha-space-2);
	border: 0;
	border-block-end: 1px solid var(--wejha-border);
	text-align: start;
	vertical-align: top;
}

.ct-woo-account .woocommerce-table--order-details thead th {
	padding-block: 0 var(--wejha-space-2);
	font-size: var(--wejha-text-xs);
	font-weight: 500;
	color: var(--wejha-text-muted);
}

.ct-woo-account .woocommerce-table--order-details .product-total,
.ct-woo-account .woocommerce-table--order-details tfoot td {
	text-align: end;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.ct-woo-account .woocommerce-table--order-details tfoot th {
	font-weight: 500;
	color: var(--wejha-text-muted);
}

.ct-woo-account .woocommerce-table--order-details tfoot tr:last-child th,
.ct-woo-account .woocommerce-table--order-details tfoot tr:last-child td {
	border-block-end: 0;
	font-weight: 600;
	color: var(--wejha-heading);
	font-size: var(--wejha-text-md);
}

.ct-woo-account .woocommerce-table--order-details .product-name a {
	color: var(--wejha-heading);
	font-weight: 500;
	text-decoration: none;
}

.ct-woo-account .woocommerce-table--order-details .product-quantity {
	color: var(--wejha-text-muted);
}

.ct-woo-account .woocommerce-columns--addresses {
	display: grid;
	gap: var(--wejha-space-4);
}

@media (min-width: 690px) {
	.ct-woo-account .woocommerce-columns--addresses {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.ct-woo-account .woocommerce-column {
	width: auto;
	float: none;
}

.ct-woo-account address {
	font-style: normal;
	line-height: 1.8;
}

.ct-woo-account .woocommerce-customer-details address {
	padding: var(--wejha-space-4) var(--wejha-space-5);
	border: 0;
	border-radius: var(--wejha-radius-lg);
	background: var(--wejha-sand);
	font-size: var(--wejha-text-sm);
}

.ct-woo-account .woocommerce-customer-details--phone,
.ct-woo-account .woocommerce-customer-details--email {
	font-variant-numeric: tabular-nums;
}

/* Order notes (customer-facing) */
.ct-woo-account .woocommerce-OrderUpdates {
	list-style: none;
	margin: 0 0 var(--wejha-space-5);
	padding: 0;
	display: grid;
	gap: var(--wejha-space-3);
}

.ct-woo-account .woocommerce-OrderUpdate {
	margin: 0;
	padding: var(--wejha-space-3) var(--wejha-space-4);
	background: var(--wejha-sand);
	border-radius: var(--wejha-radius-md);
}

.ct-woo-account .woocommerce-OrderUpdate-meta {
	margin: 0 0 var(--wejha-space-1);
	font-size: var(--wejha-text-xs);
	color: var(--wejha-text-muted);
}

/* 8. Addresses ----------------------------------------------------------- */
.ct-woo-account .woocommerce-Addresses {
	display: grid;
	gap: var(--wejha-space-4);
	margin: 0;
}

@media (min-width: 690px) {
	.ct-woo-account .woocommerce-Addresses {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.ct-woo-account .woocommerce-Address {
	width: auto;
	margin: 0;
	padding: var(--wejha-space-4) var(--wejha-space-5);
	border: 1px solid var(--wejha-border);
	border-radius: var(--wejha-radius-lg);
}

.ct-woo-account .woocommerce-Address-title {
	display: flex;
	flex-wrap: wrap; /* the edit button drops under the title when both do not fit */
	align-items: center;
	justify-content: space-between;
	gap: var(--wejha-space-2) var(--wejha-space-3);
	margin-block-end: var(--wejha-space-3);
}

.ct-woo-account .woocommerce-MyAccount-content .woocommerce-Address-title h2 {
	margin: 0;
	white-space: nowrap;
	font-size: var(--wejha-text-md);
	font-weight: 600;
}

.ct-woo-account .woocommerce-Address-title .edit {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding-inline: var(--wejha-space-3);
	border: 1px solid var(--wejha-border);
	border-radius: var(--wejha-radius-md);
	font-size: var(--wejha-text-sm);
	font-weight: 500;
	color: var(--wejha-heading);
	text-decoration: none;
	white-space: nowrap;
	transition: border-color .18s ease, background-color .18s ease;
}

.ct-woo-account .woocommerce-Address-title .edit:hover,
.ct-woo-account .woocommerce-Address-title .edit:focus-visible {
	background: var(--wejha-sand);
	border-color: var(--wejha-primary);
}

.ct-woo-account .woocommerce-Address address {
	color: var(--wejha-text);
}

/* 9. Forms (edit address, account details) ------------------------------ */
.ct-woo-account .woocommerce-address-fields__field-wrapper,
.ct-woo-account .woocommerce-EditAccountForm {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--wejha-space-4);
}

@media (min-width: 690px) {
	.ct-woo-account .woocommerce-address-fields__field-wrapper,
	.ct-woo-account .woocommerce-EditAccountForm {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: var(--wejha-space-4);
	}

	.ct-woo-account .woocommerce-address-fields__field-wrapper .form-row-wide,
	.ct-woo-account .woocommerce-EditAccountForm .form-row-wide,
	.ct-woo-account .woocommerce-EditAccountForm > fieldset,
	.ct-woo-account .woocommerce-EditAccountForm > p:not(.form-row),
	.ct-woo-account .woocommerce-EditAccountForm > .clear {
		grid-column: 1 / -1;
	}
}

.ct-woo-account .woocommerce-EditAccountForm > .clear,
.ct-woo-account .woocommerce-address-fields__field-wrapper > .clear {
	display: none;
}

.ct-woo-account .form-row {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
}

.ct-woo-account .form-row label {
	display: block;
	margin-block-end: var(--wejha-space-1);
	font-size: var(--wejha-text-sm);
	font-weight: 500;
	color: var(--wejha-heading);
}

.ct-woo-account .form-row .required {
	color: var(--wejha-red-text);
	text-decoration: none;
}

.ct-woo-account .form-row .input-text,
.ct-woo-account .form-row select,
.ct-woo-account .form-row .select2-container {
	width: 100%;
}

.ct-woo-account .form-row .select2-container .select2-selection--single {
	height: var(--wejha-control-height);
	border: 1px solid var(--wejha-border);
	border-radius: var(--wejha-radius-md);
}

.ct-woo-account .form-row .select2-container .select2-selection--single .select2-selection__rendered {
	line-height: calc(var(--wejha-control-height) - 2px);
	padding-inline: var(--wejha-space-3) var(--wejha-space-6);
}

.ct-woo-account .form-row .select2-container .select2-selection--single .select2-selection__arrow {
	height: calc(var(--wejha-control-height) - 2px);
	inset-inline-end: var(--wejha-space-2);
}

.ct-woo-account .woocommerce-EditAccountForm em,
.ct-woo-account .form-row .description {
	display: block;
	margin-block-start: var(--wejha-space-1);
	font-size: var(--wejha-text-xs);
	font-style: normal;
	color: var(--wejha-text-muted);
}

.ct-woo-account .woocommerce-EditAccountForm fieldset {
	display: grid;
	gap: var(--wejha-space-4);
	margin: var(--wejha-space-3) 0 0;
	padding: var(--wejha-space-5) 0 0;
	border: 0;
	border-block-start: 1px solid var(--wejha-border);
}

@media (min-width: 690px) {
	.ct-woo-account .woocommerce-EditAccountForm fieldset {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ct-woo-account .woocommerce-EditAccountForm fieldset .form-row-wide:first-of-type {
		grid-column: 1 / -1;
	}
}

.ct-woo-account .woocommerce-EditAccountForm legend {
	float: inline-start; /* a floated legend is ordinary content: it sits under the rule, not on it */
	width: 100%;
	grid-column: 1 / -1;
	margin: 0;
	padding: 0;
	font-size: var(--wejha-text-md);
	font-weight: 600;
	color: var(--wejha-heading);
}

/* Save buttons: the primary navy, full width on a phone, self-sized on wider screens */
.ct-woo-account .woocommerce-EditAccountForm .woocommerce-Button,
.ct-woo-account .woocommerce-address-fields .button {
	min-height: var(--wejha-control-height);
	padding-inline: var(--wejha-space-6);
}

@media (max-width: 689.98px) {
	.ct-woo-account .woocommerce-EditAccountForm .woocommerce-Button,
	.ct-woo-account .woocommerce-address-fields .button {
		width: 100%;
	}
}

.ct-woo-account .woocommerce-address-fields > p:last-child,
.ct-woo-account .woocommerce-EditAccountForm > p:last-of-type {
	margin-block-start: var(--wejha-space-2);
	margin-block-end: 0;
}

/* WooCommerce's edit-address form prints its own <h2> ("Billing address"): a sub-heading here */
.ct-woo-account .woocommerce-MyAccount-content form > h2 {
	margin: 0 0 var(--wejha-space-4);
	font-size: var(--wejha-text-md);
	font-weight: 600;
	color: var(--wejha-text-muted);
}

/* 10. Notices + login view ---------------------------------------------- */
.ct-woo-account :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
	border-radius: var(--wejha-radius-md);
}

/* (The phone notice padding in RTL is fixed site-wide in woocommerce.css §6.) */

.ct-woo-account .woocommerce-MyAccount-content > .woocommerce-notices-wrapper:not(:empty) {
	margin-block-end: var(--wejha-space-4);
}

/* The login / register view keeps Blocksy's forms; it only gets the store's card and width */
.woocommerce.ct-woo-unauthorized {
	max-width: 960px;
	margin-inline: auto;
}

.ct-woo-unauthorized #customer_login,
.ct-woo-unauthorized > .woocommerce-form-login,
.ct-woo-unauthorized > .woocommerce-ResetPassword {
	padding: var(--wejha-space-5);
	background: var(--wejha-white);
	border: 1px solid var(--wejha-border);
	border-radius: var(--wejha-radius-xl);
	box-shadow: var(--wejha-shadow-sm);
}

@media (min-width: 1000px) {
	.ct-woo-unauthorized #customer_login,
	.ct-woo-unauthorized > .woocommerce-form-login,
	.ct-woo-unauthorized > .woocommerce-ResetPassword {
		padding: var(--wejha-space-6);
	}
}

.ct-woo-unauthorized > .woocommerce-form-login,
.ct-woo-unauthorized > .woocommerce-ResetPassword {
	max-width: 480px;
	margin-inline: auto;
}

/* 11. Motion ------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	.ct-woo-account .wejha-account-nav .wejha-account-nav__link,
	.ct-woo-account .wejha-account-nav .wejha-account-nav__link .wejha-account-icon,
	.wejha-shortcut,
	.wejha-ledger__view,
	.ct-woo-account .woocommerce-orders-table .woocommerce-button,
	.ct-woo-account .woocommerce-pagination .woocommerce-button,
	.ct-woo-account .woocommerce-Address-title .edit {
		transition: none;
	}

	.wejha-shortcut:hover,
	.wejha-shortcut:focus-visible {
		transform: none;
	}
}