/* --------------------------------------------------------------------------
 * Redwan Schools Dashboard Styles for WooCommerce My Account
 * Target: WoodMart Child Theme
 * -------------------------------------------------------------------------- */

/* Hide the school/project copyright text injected by the Elementor footer
   widget (data-id 56e02cf) on all pages. The widget content is stored in the
   DB page-builder block, so we hide the element via CSS instead of editing DB
   content directly. */
.elementor-element-56e02cf {
	display: none !important;
}

:root {
	--wmc-primary: #8b1c1c;
	--wmc-primary-dark: #6e1616;
	--wmc-primary-hover-bg: #6e1616;
	--wmc-primary-hover-color: #ffffff;
	--wmc-primary-light: rgba(139, 28, 28, 0.07);
	--wmc-secondary: #2a7a6f;
	--wmc-secondary-light: rgba(42, 122, 111, 0.07);
	--wmc-gold: #5c4a1e;
	--wmc-bg: #f8f5f2;
	--wmc-card-bg: #ffffff;
	--wmc-card-border: #f3f4f6;
	--wmc-text: #1e2939;
	--wmc-text-muted: #6a7282;
	--wmc-text-light: #99a1af;
	--wmc-radius: 16px;
	--wmc-radius-sm: 14px;
	--wmc-shadow-sm: 0 1px 1.5px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
	--wmc-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
	--wmc-header-height: var(--wd-header-h, 70px);
	--wmc-sidebar-width: 256px;
	--wmc-edit-gap: 24px;
	--wmc-edit-card-padding: 24px;
}

/* On account pages WoodMart's --wd-header-h includes hidden header sections
   and recalculates on hover, which makes the fixed sidebar jump vertically.
   Pin the offset to the visible header height on account pages. */
body.wmc-is-account-page {
	--wmc-header-height: 60px;
}

/* Account/shop pages now use the default WoodMart header, so do not hide it.
   WoodMart already offsets the page wrapper for the fixed header; do not add
   a second top padding here or the page gets an empty header-height gap.
   Font-family is intentionally scoped to inner content blocks below so it never
   leaks into the global WoodMart menu. */
body.wmc-is-account-page .main-page-wrapper,
body.wmc-is-account-page .site-content,
body.wmc-is-account-page .wd-page-content,
body.wmc-is-cart-page .main-page-wrapper,
body.wmc-is-cart-page .site-content,
body.wmc-is-cart-page .wd-page-content,
body.wmc-is-checkout-page .main-page-wrapper,
body.wmc-is-checkout-page .site-content,
body.wmc-is-checkout-page .wd-page-content {
	background: var(--wmc-bg) !important;
}

/* Keep the global WoodMart main horizontal menu at regular weight on the pages
   this stylesheet loads on (account / shop / cart / checkout). The parent theme
   resolves --wd-header-el-font-weight to 700 for header nav links, which makes
   the top menu bold; pin it to 400 so the menu matches the rest of the site.
   This stylesheet only enqueues on account/shop/cart/checkout, so the rule is
   effectively scoped to those pages and never reaches the rest of the site. */
.whb-header .wd-nav-header > li > a {
	font-weight: 400 !important;
}

/* --------------------------------------------------------------------------
 * Generic primary button system
 *
 * Any element with .wmc-btn gets a consistent primary-brand button style.
 * Hover colors are controlled by the two CSS custom properties below, so the
 * design team can tweak one place instead of hunting every hover rule.
 * -------------------------------------------------------------------------- */
.wmc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border-radius: 14px;
	border: 1px solid var(--wmc-primary);
	background: var(--wmc-primary);
	color: #ffffff;
	font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.wmc-btn:hover {
	background: var(--wmc-primary-hover-bg);
	border-color: var(--wmc-primary-hover-bg);
	color: var(--wmc-primary-hover-color);
}

/* The custom dashboard/shop/cart layouts render their own headings; hide default titles. */
body.wmc-is-account-page .wd-page-title,
body.wmc-is-account-page .page-title,
body.wmc-is-account-page .entry-title,
body.wmc-is-shop-page .wd-page-title,
body.wmc-is-shop-page .page-title,
body.wmc-is-shop-page .entry-title,
body.wmc-is-cart-page .wd-page-title,
body.wmc-is-cart-page .page-title,
body.wmc-is-cart-page .entry-title,
body.wmc-is-checkout-page .wd-page-title,
body.wmc-is-checkout-page .page-title,
body.wmc-is-checkout-page .entry-title {
	display: none !important;
}

/* Remove WoodMart's default 40px vertical padding on the content layout so the
   dashboard/endpoint pages sit flush under the header. */
body.wmc-is-account-page .wd-content-layout,
body.wmc-is-cart-page .wd-content-layout,
body.wmc-is-checkout-page .wd-content-layout {
	padding-block: 0 !important;
}

body.wmc-is-account-page .wd-my-account-wrapper {
	display: block;
	position: relative;
	max-width: none;
	margin: 0;
	padding: 0;
}

body.wmc-is-account-page .woocommerce-MyAccount-content.wmc-account-content,
body.wmc-is-checkout-page .woocommerce-MyAccount-content.wmc-account-content {
	direction: rtl;
	width: calc(100% - (var(--wmc-sidebar-width) / 2));
	max-width: none;
	margin-left: 0;
	margin-right: calc(var(--wmc-sidebar-width) / 3);
	padding: 0;
	min-height: calc(100vh - var(--wmc-header-height));
	background: var(--wmc-bg);
}

.wmc-dashboard-inner {
	direction: rtl;
	width: 100%;
	max-width: 1024px;
	margin-left: auto;
	margin-right: 0;
	padding: 30px 20px 0 0;
	font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* --------------------------------------------------------------------------
 * Fixed red gradient right sidebar
 * -------------------------------------------------------------------------- */
.wmc-account-sidebar {
	position: fixed;
	top: var(--wmc-header-height);
	right: 0;
	width: var(--wmc-sidebar-width);
	height: calc(100vh - var(--wmc-header-height));
	background: linear-gradient(180deg, var(--wmc-primary-dark) 0%, var(--wmc-primary) 100%);
	z-index: 100;
	direction: rtl;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	/* Prevent WoodMart's sticky-sidebar JS from animating our fixed sidebar
	   position on page load / hover. */
	transition: none !important;
	will-change: auto !important;
}

.admin-bar .wmc-account-sidebar,
.admin-bar body.wmc-is-account-page .wmc-account-sidebar {
	top: calc(var(--wmc-header-height) + 32px);
	height: calc(100vh - var(--wmc-header-height) - 32px);
}

/* WoodMart attaches sticky-sidebar behaviour to the account sidebar wrapper and
   gives it transition:all, which causes the sidebar to slide vertically on
   page load and on hover. Disable transitions on the wrapper too. */
body.wmc-is-account-page .wd-my-account-sidebar {
	transition: none !important;
}

.wmc-account-sidebar__profile {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 20px 17px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	flex-shrink: 0;
}

.wmc-account-sidebar__profile .wmc-account-sidebar__avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.wmc-account-sidebar__profile .wmc-account-sidebar__avatar span {
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.wmc-account-sidebar__profile .wmc-account-sidebar__info {
	min-width: 0;
}

.wmc-account-sidebar__profile .wmc-account-sidebar__name {
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	color: #ffffff;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wmc-account-sidebar__profile .wmc-account-sidebar__meta {
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	color: rgba(255, 255, 255, 0.5);
	margin: 0;
}

.wmc-account-sidebar__nav {
	flex: 1 1 auto;
	padding: 12px;
	overflow-y: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.wmc-account-sidebar__nav::-webkit-scrollbar {
	display: none;
}

.wmc-account-sidebar__link {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	border-radius: 14px;
	color: rgba(255, 255, 255, 0.75);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.wmc-account-sidebar__link + .wmc-account-sidebar__link {
	margin-top: 4px;
}

.wmc-account-sidebar__link:hover,
.wmc-account-sidebar__link.is-active {
	background: #ffffff;
	color: var(--wmc-primary);
	box-shadow: 0 4px 3px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1);
}

.wmc-account-sidebar__link svg {
	flex-shrink: 0;
}

/* Cart link with live count badge (between nav and footer) */
.wmc-account-sidebar__cart-link {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	margin: 0 12px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.9);
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.wmc-account-sidebar__cart-link:hover {
	background: rgba(255, 255, 255, 0.15);
	color: #ffffff;
}

.wmc-account-sidebar__cart-link svg {
	flex-shrink: 0;
}

.wmc-cart-count-badge {
	margin-inline-start: auto;
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	border-radius: 11px;
	background: var(--wmc-primary, #8b1c1c);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 22px;
	text-align: center;
}

.wmc-cart-count-badge[data-count="0"] {
	display: none;
}

.wmc-account-sidebar__footer {
	padding: 16px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	flex-shrink: 0;
}

.wmc-account-sidebar__logout {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 10px 16px;
	border-radius: 14px;
	color: rgba(255, 255, 255, 0.6);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.wmc-account-sidebar__logout:hover {
	background: rgba(255, 255, 255, 0.1);
	color: #ffffff;
}

/* Hide original WooCommerce nav list inside our custom sidebar */
.wmc-account-sidebar .woocommerce-MyAccount-navigation__list {
	display: none;
}

/* Offset the global footer to account for the fixed 256px right sidebar.
   The footer is rendered by Elementor Pro as <footer id="colophon"> with
   .footer-width-fixer inside. Without this offset the footer spans the full
   viewport and appears behind the sidebar.
   Only applied on desktop (≥992px) where the sidebar is visible; on mobile the
   sidebar is hidden so the footer spans full width as normal. */
@media (min-width: 992px) {
	body.wmc-is-account-page #colophon,
	body.wmc-is-shop-page #colophon,
	body.wmc-is-product-page #colophon {
		margin-right: var(--wmc-sidebar-width);
	}
}

/* On endpoint pages move WoodMart sidebar to the right for RTL */
.wd-my-account-wrapper {
	direction: rtl;
}

.wd-my-account-wrapper .woocommerce-MyAccount-navigation {
	order: 2;
}

.wd-my-account-wrapper .woocommerce-MyAccount-content {
	order: 1;
}

/* Hero */
.wmc-hero {
	position: relative;
	overflow: hidden;
	border-radius: var(--wmc-radius);
	background: linear-gradient(171deg, #6e1616 0%, #8b1c1c 50%, #a52020 100%);
	box-shadow: var(--wmc-shadow-md);
	margin-bottom: 24px;
	min-height: 153px;
}

.wmc-hero__bg {
	position: absolute;
	inset: 0;
	overflow: hidden;
	border-radius: inherit;
}

.wmc-hero__circle {
	position: absolute;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1);
}

.wmc-hero__circle--1 {
	width: 160px;
	height: 160px;
	top: -32px;
	left: -32px;
}

.wmc-hero__circle--2 {
	width: 128px;
	height: 128px;
	top: 73px;
	left: -8px;
	background: rgba(255, 255, 255, 0.07);
}

.wmc-hero__content {
	position: relative;
	z-index: 1;
	padding: 24px;
	direction: rtl;
	text-align: right;
}

.wmc-hero__kicker {
	font-size: 12px;
	line-height: 16px;
	color: rgba(255, 255, 255, 0.6);
	margin: 0 0 4px;
}

.wmc-hero__title {
	font-size: 24px;
	line-height: 32px;
	font-weight: 700;
	color: #fff;
	margin: 0 0 8px;
}

.wmc-hero__desc {
	font-size: 14px;
	line-height: 22.75px;
	color: rgba(255, 255, 255, 0.65);
	margin: 0;
	max-width: 384px;
}

/* Section headers */
.wmc-section {
	margin-bottom: 8px;
}

.wmc-section__header {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 16px;
	direction: rtl;
}

.wmc-section__accent {
	display: block;
	width: 4px;
	height: 20px;
	border-radius: 9999px;
	background: var(--wmc-primary);
	flex-shrink: 0;
}

.wmc-section__title {
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	color: var(--wmc-text);
	margin: 0;
}

/* Students grid */
.wmc-students-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	direction: rtl;
}

.wmc-student-card {
	background: var(--wmc-card-bg);
	border: 1px solid var(--wmc-card-border);
	border-radius: var(--wmc-radius);
	padding: 21px;
	box-shadow: var(--wmc-shadow-sm);
	display: flex;
	flex-direction: column;
	gap: 16px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wmc-student-card:hover {
	transform: translateY(-2px);
	box-shadow: var(--wmc-shadow-md);
}

.wmc-student-card__header {
	display: flex;
	align-items: center;
	gap: 16px;
}

.wmc-student-card__avatar {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	flex-shrink: 0;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
}

.wmc-student-card__avatar span {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}

.wmc-student-card__info {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	flex: 1;
}

.wmc-student-card__name {
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: var(--wmc-text);
	margin: 0;
}

.wmc-student-card__grade {
	font-size: 12px;
	line-height: 16px;
	color: var(--wmc-text-muted);
	margin: 0;
}

.wmc-student-card__badge {
	display: inline-flex;
	align-self: flex-start;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	padding: 2px 8px;
	border-radius: 9999px;
	margin-top: 4px;
}

.wmc-student-card__action {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	border-radius: var(--wmc-radius-sm);
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.wmc-student-card__action:hover {
	opacity: 0.9;
}

/* Categories grid */
.wmc-categories-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	direction: rtl;
}

.wmc-category-card {
	position: relative;
	overflow: hidden;
	border-radius: var(--wmc-radius);
	min-height: 144px;
	padding: 20px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	background-size: cover;
	background-position: center;
	text-decoration: none;
	transition: transform 0.2s ease;
}

.wmc-category-card:hover {
	transform: translateY(-2px);
}

.wmc-category-card__overlay {
	position: absolute;
	inset: 0;
	border-radius: inherit;
}

.wmc-category-card__content {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 2px;
	text-align: right;
}

.wmc-category-card__label {
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	color: #fff;
}

.wmc-category-card__desc {
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.7);
}

/* Browse store banner */
.wmc-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 21px;
	border-radius: var(--wmc-radius);
	border: 1px solid rgba(42, 122, 111, 0.19);
	background: linear-gradient(175deg, rgba(42, 122, 111, 0.094) 0%, rgba(42, 122, 111, 0.03) 100%);
	text-decoration: none;
	margin-top: 28px;
	direction: rtl;
	transition: background-color 0.2s ease;
}

.wmc-banner:hover {
	background: linear-gradient(175deg, rgba(42, 122, 111, 0.12) 0%, rgba(42, 122, 111, 0.05) 100%);
}

.wmc-banner__icon {
	width: 48px;
	height: 48px;
	border-radius: var(--wmc-radius-sm);
	background: var(--wmc-secondary);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.wmc-banner__text {
	display: flex;
	flex-direction: column;
	gap: 2px;
	flex: 1;
}

.wmc-banner__title {
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: var(--wmc-text);
	margin: 0;
}

.wmc-banner__desc {
	font-size: 12px;
	line-height: 16px;
	color: var(--wmc-text-muted);
	margin: 0;
}

.wmc-banner__arrow {
	color: var(--wmc-text-muted);
	flex-shrink: 0;
	transform: scaleX(-1);
}

/* Account management grid */
.wmc-management-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	direction: rtl;
}

.wmc-management-card {
	background: var(--wmc-card-bg);
	border: 1px solid var(--wmc-card-border);
	border-radius: var(--wmc-radius);
	padding: 21px;
	box-shadow: var(--wmc-shadow-sm);
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 136.5px;
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wmc-management-card:hover {
	transform: translateY(-2px);
	box-shadow: var(--wmc-shadow-md);
}

.wmc-management-card__icon {
	width: 44px;
	height: 44px;
	border-radius: var(--wmc-radius-sm);
	background: var(--wmc-primary-light);
	color: var(--wmc-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 12px;
}

.wmc-management-card__label {
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: var(--wmc-text);
	margin: 0 0 2px;
	text-align: right;
}

.wmc-management-card__desc {
	font-size: 12px;
	line-height: 16.5px;
	color: var(--wmc-text-light);
	margin: 0;
	text-align: right;
}

/* Responsive */
@media (max-width: 1199px) {
	body.wmc-is-account-page .woocommerce-MyAccount-content.wmc-account-content {
		max-width: none;
		width: calc(100% - var(--wmc-sidebar-width));
	}

	.wmc-students-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.wmc-management-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 991px) {
	:root {
		--wmc-sidebar-width: 64px;
	}

	/* Hide the fixed account sidebar navigation on mobile/tablet; the mobile
	   hamburger menu (القائمة) provides the same links instead. */
	.wmc-account-sidebar {
		display: none !important;
	}

	body.wmc-is-account-page .woocommerce-MyAccount-content.wmc-account-content,
	body.wmc-is-shop-page .woocommerce-MyAccount-content.wmc-account-content,
	body.wmc-is-cart-page .woocommerce-MyAccount-content.wmc-account-content,
	body.wmc-is-checkout-page .woocommerce-MyAccount-content.wmc-account-content {
		width: 100% !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	body.wmc-is-account-page .wd-my-account-wrapper,
	body.wmc-is-shop-page .wd-my-account-wrapper,
	body.wmc-is-cart-page .wd-my-account-wrapper,
	body.wmc-is-checkout-page .wd-my-account-wrapper {
		display: block;
	}

	.wmc-students-grid {
		grid-template-columns: 1fr;
	}

	.wmc-categories-grid {
		grid-template-columns: 1fr;
	}

	.wmc-management-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 575px) {
	.wmc-management-grid {
		grid-template-columns: 1fr;
	}

	.wmc-hero__title {
		font-size: 20px;
		line-height: 28px;
	}

	.wmc-hero__desc {
		font-size: 13px;
		line-height: 20px;
	}

	.wmc-banner {
		flex-wrap: wrap;
	}

	.wmc-banner__arrow {
		display: none;
	}
}

/* --------------------------------------------------------------------------
 * Edit Account page — بيانات الحساب
 * -------------------------------------------------------------------------- */
.wmc-edit-account {
	direction: rtl;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 28px;
	box-sizing: border-box;
}

body.wmc-is-account-page .wmc-edit-account,
body.wmc-is-account-page .wmc-edit-account .wmc-edit-account__title,
body.wmc-is-account-page .wmc-edit-account .wmc-edit-account__subtitle,
body.wmc-is-account-page .wmc-edit-account .wmc-edit-account__card-title,
body.wmc-is-account-page .wmc-edit-account .wmc-edit-account__card-subtitle,
body.wmc-is-account-page .wmc-edit-account .wmc-form-row label,
body.wmc-is-account-page .wmc-edit-account .wmc-form-row input,
body.wmc-is-account-page .wmc-edit-account .wmc-form-row__hint,
body.wmc-is-account-page .wmc-edit-account .wmc-edit-account__save {
	font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

.wmc-edit-account__header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 24px;
}

.wmc-edit-account__back {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 14px;
	color: #4a5565;
	background: #ffffff;
	border: 1px solid var(--wmc-card-border);
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
	flex-shrink: 0;
}

.wmc-edit-account__back:hover {
	background: rgba(139, 28, 28, 0.07);
	color: var(--wmc-primary);
}

.wmc-edit-account__title-wrap {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.wmc-edit-account__title {
	font-size: 20px;
	line-height: 28px;
	font-weight: 700;
	color: var(--wmc-text);
	margin: 0;
}

.wmc-edit-account__subtitle {
	font-size: 12px;
	line-height: 16px;
	color: var(--wmc-text-light);
	margin: 0;
}

.wmc-edit-account__form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.wmc-edit-account__card {
	background: var(--wmc-card-bg);
	border: 1px solid var(--wmc-card-border);
	border-radius: var(--wmc-radius);
	box-shadow: var(--wmc-shadow-sm);
	overflow: hidden;
}

.wmc-edit-account__card-header {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	padding: 16px var(--wmc-edit-card-padding) 17px;
	background: rgba(139, 28, 28, 0.02);
	border-bottom: 1px solid var(--wmc-card-border);
}

.wmc-edit-account__card-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 30px;
	color: var(--wmc-text);
	flex-shrink: 0;
}

.wmc-edit-account__card-icon svg {
	display: block;
	width: 16px;
	height: 16px;
}

.wmc-edit-account__card-title {
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
	color: var(--wmc-text);
	margin: 0;
}

.wmc-edit-account__card-title-group {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.wmc-edit-account__card-subtitle {
	font-size: 12px;
	line-height: 16px;
	color: var(--wmc-text-light);
	margin: 0;
}

.wmc-edit-account__card-body {
	padding: var(--wmc-edit-card-padding);
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.wmc-edit-account__row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--wmc-edit-gap);
}

.wmc-edit-account .wmc-form-row {
	margin: 0;
	padding: 0;
	float: none;
	width: 100%;
}

.wmc-edit-account .wmc-form-row::before,
.wmc-edit-account .wmc-form-row::after {
	display: none;
}

.wmc-edit-account .wmc-form-row label {
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
	color: #4a5565;
	margin-bottom: 6px;
}

.wmc-edit-account .wmc-form-row label .required {
	color: #ff6467;
}

.wmc-edit-account .wmc-form-row input[type="text"],
.wmc-edit-account .wmc-form-row input[type="email"],
.wmc-edit-account .wmc-form-row input[type="password"] {
	width: 100%;
	height: 42px;
	padding: 11px 17px;
	border: 1px solid #e5e7eb;
	border-radius: var(--wmc-radius-sm);
	background: #ffffff;
	font-family: inherit;
	font-size: 14px;
	line-height: 20px;
	color: #1a0e0e;
	outline: none;
	box-sizing: border-box;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.wmc-edit-account .wmc-form-row input[type="text"]:focus,
.wmc-edit-account .wmc-form-row input[type="email"]:focus,
.wmc-edit-account .wmc-form-row input[type="password"]:focus {
	border-color: var(--wmc-primary);
	box-shadow: 0 0 0 3px rgba(139, 28, 28, 0.08);
}

.wmc-edit-account .wmc-form-row input[type="password"] {
	font-size: 14px;
	letter-spacing: 1px;
}

.wmc-edit-account .wmc-form-row__hint {
	display: block;
	font-size: 12px;
	line-height: 16px;
	color: var(--wmc-text-light);
	margin-top: 6px;
}

.wmc-edit-account__actions {
	display: flex;
	justify-content: flex-start;
	padding-top: 4px;
}

.wmc-edit-account__save {
	gap: 8px;
	height: 44px;
	padding: 12px 24px;
	font-family: inherit;
	font-size: 14px;
	line-height: 20px;
	border: none;
}

.wmc-edit-account__save:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(139, 28, 28, 0.25);
}

@media (max-width: 767px) {
	.wmc-edit-account {
		padding: 20px;
	}

	.wmc-edit-account__row {
		grid-template-columns: 1fr;
	}

	.wmc-edit-account__card-header,
	.wmc-edit-account__card-body {
		padding: 16px;
	}

	.wmc-edit-account__card-title {
		font-size: 18px;
		line-height: 26px;
	}
}

@media (max-width: 575px) {
	.wmc-edit-account {
		padding: 16px;
	}

	.wmc-edit-account__title {
		font-size: 18px;
		line-height: 26px;
	}

	.wmc-edit-account__save {
		width: 100%;
	}
}

/* --------------------------------------------------------------------------
 * Wishlist / Favorite Products page
 * -------------------------------------------------------------------------- */
.wmc-wishlist {
	direction: rtl;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 28px;
	box-sizing: border-box;
	font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.wmc-wishlist__header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 24px;
}

.wmc-wishlist__back {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 14px;
	color: #4a5565;
	background: #ffffff;
	border: 1px solid var(--wmc-card-border);
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
	flex-shrink: 0;
}

.wmc-wishlist__back:hover {
	background: rgba(139, 28, 28, 0.07);
	color: var(--wmc-primary);
}

.wmc-wishlist__title-wrap {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.wmc-wishlist__title {
	font-size: 20px;
	line-height: 28px;
	font-weight: 700;
	color: var(--wmc-text);
	margin: 0;
}

.wmc-wishlist__subtitle {
	font-size: 12px;
	line-height: 16px;
	color: var(--wmc-text-light);
	margin: 0;
}

.wmc-wishlist__empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 81px 25px;
	background: #ffffff;
	border: 1px solid var(--wmc-card-border);
	border-radius: var(--wmc-radius);
	box-shadow: var(--wmc-shadow-sm);
	text-align: center;
}

.wmc-wishlist__empty-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 96px;
	height: 96px;
	border-radius: 50%;
	background: rgba(139, 28, 28, 0.06);
	color: var(--wmc-primary);
	margin-bottom: 20px;
}

.wmc-wishlist__empty-icon svg {
	width: 42px;
	height: 42px;
}

.wmc-wishlist__empty-title {
	font-size: 20px;
	line-height: 28px;
	font-weight: 700;
	color: #364153;
	margin: 0 0 8px;
}

.wmc-wishlist__empty-text {
	max-width: 320px;
	font-size: 14px;
	line-height: 22.75px;
	font-weight: 400;
	color: var(--wmc-text-light);
	margin: 0 0 24px;
}

.wmc-wishlist__empty-cta {
	padding: 12px 24px;
	font-size: 14px;
	line-height: 20px;
}

.wmc-wishlist__empty-cta svg {
	width: 16px;
	height: 16px;
}

.wmc-wishlist-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(236px, 1fr));
	gap: 16px;
}

/* Ensure product cards inside the wishlist page sit above the page background. */
body.wmc-is-account-page .wmc-wishlist-grid .wmc-product-card {
	direction: rtl;
}

@media (max-width: 767px) {
	.wmc-wishlist {
		padding: 20px;
	}

	.wmc-wishlist__empty {
		padding: 56px 20px;
	}
}

@media (max-width: 575px) {
	.wmc-wishlist {
		padding: 16px;
	}

	.wmc-wishlist__title {
		font-size: 18px;
		line-height: 26px;
	}

	.wmc-wishlist__empty-title {
		font-size: 18px;
		line-height: 26px;
	}

	.wmc-wishlist-grid {
		grid-template-columns: 1fr;
	}
}

/* --------------------------------------------------------------------------
 * Orders page — طلباتي
 * -------------------------------------------------------------------------- */
.wmc-orders {
	direction: rtl;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 28px;
	box-sizing: border-box;
	font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body.wmc-is-account-page .wmc-orders,
body.wmc-is-account-page .wmc-orders__title,
body.wmc-is-account-page .wmc-orders__subtitle,
body.wmc-is-account-page .wmc-orders__table,
body.wmc-is-account-page .wmc-orders__empty-title,
body.wmc-is-account-page .wmc-orders__empty-text,
body.wmc-is-account-page .wmc-orders__footer-note {
	font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

.wmc-orders__header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 24px;
}

.wmc-orders__back {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 14px;
	color: #4a5565;
	background: #ffffff;
	border: 1px solid var(--wmc-card-border);
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
	flex-shrink: 0;
}

.wmc-orders__back:hover {
	background: rgba(139, 28, 28, 0.07);
	color: var(--wmc-primary);
}

.wmc-orders__back svg {
	width: 18px;
	height: 18px;
}

/* The icon helper only provides chevron-left; mirror it on RTL so the
   back arrow on /my-account/orders/ points right as expected. */
html[dir="rtl"] .wmc-orders__back svg {
	transform: scaleX(-1);
}

.wmc-orders__title-wrap {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.wmc-orders__title {
	font-size: 20px;
	line-height: 28px;
	font-weight: 700;
	color: var(--wmc-text);
	margin: 0;
}

.wmc-orders__subtitle {
	font-size: 12px;
	line-height: 16px;
	color: var(--wmc-text-light);
	margin: 0;
}

.wmc-orders__table-wrap {
	background: var(--wmc-card-bg);
	border: 1px solid var(--wmc-card-border);
	border-radius: var(--wmc-radius);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.wmc-orders__table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	text-align: right;
}

.wmc-orders__table thead {
	border-bottom: 1px solid var(--wmc-card-border);
}

.wmc-orders__table th {
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	color: #364153;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	padding: 15px 16px;
	background: #ffffff;
}

.wmc-orders__table tbody tr {
	border-bottom: 1px solid #e5e7eb;
}

.wmc-orders__table tbody tr:last-child {
	border-bottom: none;
}

.wmc-orders__cell {
	padding: 16px;
	vertical-align: middle;
	font-size: 14px;
	line-height: 20px;
}

.wmc-orders__cell--order {
	font-weight: 700;
	color: #101828;
}

.wmc-orders__order-number {
	color: #101828;
	text-decoration: none;
	font-weight: 700;
	transition: color 0.2s ease;
}

.wmc-orders__order-number:hover {
	color: var(--wmc-primary);
}

.wmc-orders__cell--date {
	font-size: 12px;
	line-height: 16px;
	color: var(--wmc-text-muted);
}

.wmc-orders__badge {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 9999px;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	white-space: nowrap;
}

.wmc-orders__cell--total {
	display: table-cell;
	flex-direction: column;
}

.wmc-orders__total {
	display: block;
	font-weight: 600;
	color: var(--wmc-text);
	font-size: 14px;
	line-height: 20px;
}

.wmc-orders__items {
	display: block;
	font-size: 12px;
	line-height: 16px;
	color: var(--wmc-text-light);
	margin-top: 2px;
}

.wmc-orders__actions {
	display: flex;
	flex-direction: column;
	gap: 6px;
	align-items: center;
}

.wmc-order-action {
	padding: 7px 13px;
	border-radius: 10px;
	font-size: 12px;
	font-weight: 600;
	min-width: 130px;
	transition: opacity 0.2s ease, background-color 0.2s ease;
}

.wmc-order-action svg {
	flex-shrink: 0;
}

.wmc-order-action--invoice {
	background: rgba(139, 28, 28, 0.03);
	border-color: rgba(139, 28, 28, 0.25);
	color: #8b1c1c;
}

.wmc-order-action--invoice:hover {
	background: rgba(139, 28, 28, 0.08);
	border-color: rgba(139, 28, 28, 0.25);
	color: #8b1c1c;
}

.wmc-order-action--payment-proof {
	background: #fffbeb;
	border-color: #fcd34d;
	color: #b45309;
}

.wmc-order-action--payment-proof:hover {
	background: #fef3c7;
	border-color: #fcd34d;
	color: #b45309;
}

.wmc-order-action--proof-sent {
	background: #ecfdf5;
	border-color: #6ee7b7;
	color: #047857;
}

.wmc-order-action--proof-sent:hover {
	background: #d1fae5;
	border-color: #6ee7b7;
	color: #047857;
}

.wmc-order-action--disabled,
.wmc-order-action--disabled:hover {
	background: #f9fafb;
	border-color: #e5e7eb;
	color: #9ca3af;
	opacity: 0.65;
	cursor: not-allowed;
	pointer-events: none;
}

.wmc-orders__footer-note {
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	color: var(--wmc-text-light);
	margin: 16px 0 0;
}

/* Empty state */
.wmc-orders__empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 81px 25px;
	background: var(--wmc-card-bg);
	border: 1px solid var(--wmc-card-border);
	border-radius: var(--wmc-radius);
	box-shadow: var(--wmc-shadow-sm);
	text-align: center;
}

.wmc-orders__empty-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 96px;
	height: 96px;
	border-radius: 50%;
	background: rgba(139, 28, 28, 0.06);
	color: var(--wmc-primary);
	margin-bottom: 20px;
}

.wmc-orders__empty-icon svg {
	width: 42px;
	height: 42px;
}

.wmc-orders__empty-title {
	font-size: 20px;
	line-height: 28px;
	font-weight: 700;
	color: #364153;
	margin: 0 0 8px;
}

.wmc-orders__empty-text {
	max-width: 320px;
	font-size: 14px;
	line-height: 22.75px;
	font-weight: 400;
	color: var(--wmc-text-light);
	margin: 0 0 24px;
}

.wmc-orders__empty-cta {
	padding: 12px 24px;
	font-size: 14px;
	line-height: 20px;
}

.wmc-orders__empty-cta svg {
	width: 16px;
	height: 16px;
}

/* Pagination */
.wmc-orders__pagination {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-top: 20px;
}

/* Responsive */
@media (max-width: 991px) {
	.wmc-orders__table-wrap {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.wmc-orders__table {
		min-width: 720px;
	}
}

@media (max-width: 767px) {
	.wmc-orders {
		padding: 20px;
	}

	.wmc-orders__empty {
		padding: 56px 20px;
	}
}

@media (max-width: 575px) {
	.wmc-orders {
		padding: 16px;
	}

	.wmc-orders__title {
		font-size: 18px;
		line-height: 26px;
	}

	.wmc-orders__empty-title {
		font-size: 18px;
		line-height: 26px;
	}
}

/* Ensure WoodMart nav sidebar keeps working */
.wd-my-account-wrapper .woocommerce-MyAccount-navigation {
	--wd-col-lg: 3;
	--wd-col-md: 4;
	--wd-col-sm: 12;
}

/* --------------------------------------------------------------------------
 * Addresses page — العناوين
 * -------------------------------------------------------------------------- */
.wmc-addresses {
	direction: rtl;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 28px;
	box-sizing: border-box;
}

body.wmc-is-account-page .wmc-addresses,
body.wmc-is-account-page .wmc-addresses__title,
body.wmc-is-account-page .wmc-addresses__subtitle,
body.wmc-is-account-page .wmc-address-card__title,
body.wmc-is-account-page .wmc-address-card__detail,
body.wmc-is-account-page .wmc-address-card__empty-title,
body.wmc-is-account-page .wmc-address-card__empty-text,
body.wmc-is-account-page .wmc-address-card__action,
body.wmc-is-account-page .wmc-addresses__save,
body.wmc-is-account-page .wmc-addresses__form .wmc-form-row label,
body.wmc-is-account-page .wmc-addresses__form .wmc-form-row input,
body.wmc-is-account-page .wmc-addresses__form .wmc-form-row select {
	font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

.wmc-addresses__header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 24px;
}

.wmc-addresses__back {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 14px;
	color: #4a5565;
	background: #ffffff;
	border: 1px solid var(--wmc-card-border);
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
	flex-shrink: 0;
}

.wmc-addresses__back:hover {
	background: rgba(139, 28, 28, 0.07);
	color: var(--wmc-primary);
}

.wmc-addresses__title-wrap {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.wmc-addresses__title {
	font-size: 20px;
	line-height: 28px;
	font-weight: 700;
	color: var(--wmc-text);
	margin: 0;
}

.wmc-addresses__subtitle {
	font-size: 12px;
	line-height: 16px;
	color: var(--wmc-text-light);
	margin: 0;
}

.wmc-addresses__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.wmc-address-card {
	background: var(--wmc-card-bg);
	border: 1px solid var(--wmc-card-border);
	border-radius: var(--wmc-radius);
	box-shadow: var(--wmc-shadow-sm);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.wmc-address-card__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 20px 17px;
	background: rgba(139, 28, 28, 0.02);
	border-bottom: 1px solid var(--wmc-card-border);
}

.wmc-address-card__header-title {
	display: flex;
	align-items: center;
	gap: 8px;
}

.wmc-address-card__header-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	color: var(--wmc-text);
	flex-shrink: 0;
}

.wmc-address-card__header-icon svg {
	display: block;
	width: 16px;
	height: 16px;
}

.wmc-address-card__title {
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: var(--wmc-text);
	margin: 0;
}

.wmc-address-card__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 6px 12px;
	border-radius: 10px;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
	flex-shrink: 0;
}

.wmc-address-card__action-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 12px;
	height: 12px;
}

.wmc-address-card__action-icon svg {
	display: block;
	width: 12px;
	height: 12px;
}

.wmc-address-card__action--primary {
	background: var(--wmc-primary);
	color: #ffffff;
	border-color: var(--wmc-primary);
}

.wmc-address-card__action--primary:hover {
	background: var(--wmc-primary-hover-bg);
	border-color: var(--wmc-primary-hover-bg);
	color: var(--wmc-primary-hover-color);
}

.wmc-address-card__action--outline {
	background: rgba(139, 28, 28, 0.03);
	color: var(--wmc-primary);
	border: 1px solid rgba(139, 28, 28, 0.31);
}

.wmc-address-card__action--outline:hover {
	background: rgba(139, 28, 28, 0.08);
	border-color: rgba(139, 28, 28, 0.45);
	color: var(--wmc-primary);
}

.wmc-address-card__body {
	padding: 20px;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.wmc-address-card__empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 40px 20px;
	flex: 1;
}

.wmc-address-card__empty-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 16px;
	background: rgba(139, 28, 28, 0.06);
	color: var(--wmc-primary);
	margin-bottom: 12px;
}

.wmc-address-card__empty-icon svg {
	width: 22px;
	height: 22px;
}

.wmc-address-card__empty-title {
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	color: var(--wmc-text-muted);
	margin: 0 0 4px;
}

.wmc-address-card__empty-text {
	font-size: 12px;
	line-height: 16px;
	color: var(--wmc-text-light);
	margin: 0 0 16px;
}

.wmc-address-card__empty-cta {
	padding: 8px 16px;
	background: rgba(139, 28, 28, 0.06);
	border-color: rgba(139, 28, 28, 0.06);
	color: var(--wmc-primary);
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}

.wmc-address-card__empty-cta:hover {
	background: rgba(139, 28, 28, 0.1);
	border-color: rgba(139, 28, 28, 0.1);
	color: var(--wmc-primary);
}

.wmc-address-card__empty-cta-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 14px;
	height: 14px;
}

.wmc-address-card__empty-cta-icon svg {
	display: block;
	width: 14px;
	height: 14px;
}

.wmc-address-card__details {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.wmc-address-card__detail {
	font-size: 14px;
	line-height: 20px;
	color: var(--wmc-text-muted);
	margin: 0;
}

.wmc-address-card__detail--name {
	font-weight: 600;
	color: var(--wmc-text);
	margin-bottom: 4px;
}

.wmc-address-card__detail--phone {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 4px;
}

.wmc-address-card__phone-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 14px;
	height: 14px;
	color: var(--wmc-text-muted);
}

.wmc-address-card__phone-icon svg {
	display: block;
	width: 14px;
	height: 14px;
}

/* Edit address form */
.wmc-addresses__form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.wmc-addresses__form .woocommerce-address-fields__field-wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px 20px;
}

.wmc-addresses__form .woocommerce-address-fields__field-wrapper .form-row,
body.wmc-is-account-page .wmc-addresses__form .woocommerce-address-fields__field-wrapper p.form-row,
.woocommerce .wmc-addresses__form .woocommerce-address-fields__field-wrapper .form-row {
	margin: 0 !important;
	margin-bottom: 0 !important;
	padding: 0;
	float: none;
	width: 100%;
}

.wmc-addresses__form .woocommerce-address-fields__field-wrapper .form-row::before,
.wmc-addresses__form .woocommerce-address-fields__field-wrapper .form-row::after {
	display: none;
}

.wmc-addresses__form .woocommerce-address-fields__field-wrapper .form-row-wide,
.wmc-addresses__form .woocommerce-address-fields__field-wrapper .form-row-first,
.wmc-addresses__form .woocommerce-address-fields__field-wrapper .form-row-last {
	grid-column: span 2;
}

.wmc-addresses__form .woocommerce-address-fields__field-wrapper .form-row-first,
.wmc-addresses__form .woocommerce-address-fields__field-wrapper .form-row-last {
	grid-column: span 1;
}

.wmc-addresses__form label {
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
	color: #4a5565;
	margin-bottom: 6px;
}

.wmc-addresses__form label .required {
	color: #ff6467;
}

.wmc-addresses__form input[type="text"],
.wmc-addresses__form input[type="tel"],
.wmc-addresses__form input[type="email"],
.wmc-addresses__form select {
	width: 100%;
	height: 42px;
	padding: 11px 17px;
	border: 1px solid #e5e7eb;
	border-radius: var(--wmc-radius-sm);
	background: #ffffff;
	font-family: inherit;
	font-size: 14px;
	line-height: 20px;
	color: #1a0e0e;
	outline: none;
	box-sizing: border-box;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.wmc-addresses__form input[type="text"]:focus,
.wmc-addresses__form input[type="tel"]:focus,
.wmc-addresses__form input[type="email"]:focus,
.wmc-addresses__form select:focus {
	border-color: var(--wmc-primary);
	box-shadow: 0 0 0 3px rgba(139, 28, 28, 0.08);
}

.wmc-addresses__form .select2-container .select2-selection--single {
	height: 42px;
	border: 1px solid #e5e7eb;
	border-radius: var(--wmc-radius-sm);
	background: #ffffff;
}

.wmc-addresses__form .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 40px;
	padding-right: 17px;
	padding-left: 17px;
	font-size: 14px;
	color: #1a0e0e;
}

.wmc-addresses__form .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 40px;
}

.wmc-addresses__actions {
	display: flex;
	justify-content: flex-start;
	padding-top: 4px;
}

.wmc-addresses__save {
	gap: 8px !important;
	height: 44px;
	padding: 12px 24px !important;
	font-family: inherit !important;
	font-size: 14px !important;
	line-height: 20px !important;
	border: none !important;
}

.wmc-addresses__save:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(139, 28, 28, 0.25) !important;
}

@media (max-width: 991px) {
	.wmc-addresses__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.wmc-addresses {
		padding: 20px;
	}

	.wmc-addresses__form .woocommerce-address-fields__field-wrapper {
		grid-template-columns: 1fr;
	}

	.wmc-addresses__form .woocommerce-address-fields__field-wrapper .form-row-wide,
	.wmc-addresses__form .woocommerce-address-fields__field-wrapper .form-row-first,
	.wmc-addresses__form .woocommerce-address-fields__field-wrapper .form-row-last {
		grid-column: span 1;
	}

	.wmc-address-card__header {
		padding: 14px 16px;
	}

	.wmc-address-card__body {
		padding: 16px;
	}
}

@media (max-width: 575px) {
	.wmc-addresses {
		padding: 16px;
	}

	.wmc-addresses__title {
		font-size: 18px;
		line-height: 26px;
	}

	.wmc-address-card__action {
		padding: 6px 10px;
		font-size: 11px;
	}

	.wmc-addresses__save {
		width: 100%;
	}
}

/* --------------------------------------------------------------------------
 * View Order — Figma order detail page
 * ------------------------------------------------------------------------- */
.wmc-view-order {
	direction: rtl;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 28px;
	box-sizing: border-box;
	font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body.wmc-is-account-page .wmc-view-order,
body.wmc-is-account-page .wmc-view-order__title,
body.wmc-is-account-page .wmc-view-order__subtitle,
body.wmc-is-account-page .wmc-view-order__card-title,
body.wmc-is-account-page .wmc-view-order__table,
body.wmc-is-account-page .wmc-view-order__info-label,
body.wmc-is-account-page .wmc-view-order__info-value,
body.wmc-is-account-page .wmc-view-order__summary-key,
body.wmc-is-account-page .wmc-view-order__summary-value,
body.wmc-is-account-page .wmc-view-order__invoice-title,
body.wmc-is-account-page .wmc-view-order__invoice-meta,
body.wmc-is-account-page .wmc-view-order__invoice-btn,
body.wmc-is-account-page .wmc-view-order__stat-label,
body.wmc-is-account-page .wmc-view-order__stat-value,
body.wmc-is-account-page .wmc-view-order__product-name,
body.wmc-is-account-page .wmc-view-order__student-chip,
body.wmc-is-account-page .wmc-view-order__banner-date {
	font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

.wmc-view-order__header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 24px;
}

.wmc-view-order__back {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 14px;
	color: #4a5565;
	background: #ffffff;
	border: 1px solid var(--wmc-card-border);
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
	flex-shrink: 0;
}

.wmc-view-order__back:hover {
	background: rgba(139, 28, 28, 0.07);
	color: var(--wmc-primary);
}

.wmc-view-order__back svg {
	width: 18px;
	height: 18px;
}

.wmc-view-order__title-wrap {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.wmc-view-order__title {
	font-size: 20px;
	line-height: 28px;
	font-weight: 700;
	color: var(--wmc-text);
	margin: 0;
}

.wmc-view-order__subtitle {
	font-size: 12px;
	line-height: 16px;
	color: var(--wmc-text-light);
	margin: 0;
}

/* Status banner */
.wmc-view-order__banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	padding: 21px;
	margin-bottom: 24px;
	background: rgba(139, 28, 28, 0.03);
	border: 1px solid rgba(139, 28, 28, 0.09);
	border-radius: var(--wmc-radius);
}

.wmc-view-order__banner-main {
	display: flex;
	align-items: center;
	gap: 12px;
}

.wmc-view-order__badge {
	display: inline-flex;
	align-items: center;
	padding: 6px 12px;
	border-radius: 9999px;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	white-space: nowrap;
}

.wmc-view-order__banner-date {
	font-size: 14px;
	line-height: 20px;
	color: #6a7282;
}

.wmc-view-order__banner-stats {
	display: flex;
	align-items: center;
	gap: 24px;
}

.wmc-view-order__stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}

.wmc-view-order__stat-label {
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	color: #99a1af;
}

.wmc-view-order__stat-value {
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: #1e2939;
}

.wmc-view-order__stat-value--total {
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	color: var(--wmc-primary);
}

.wmc-view-order__stat-divider {
	width: 1px;
	height: 32px;
	background: #e5e7eb;
}

/* Cards */
.wmc-view-order__card {
	background: #ffffff;
	border: 1px solid #f3f4f6;
	border-radius: var(--wmc-radius);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
	margin-bottom: 24px;
	overflow: hidden;
}

.wmc-view-order__card-header {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 16px 20px 17px;
	border-bottom: 1px solid #f3f4f6;
	background: rgba(139, 28, 28, 0.02);
}

.wmc-view-order__card-header svg {
	color: var(--wmc-primary);
	flex-shrink: 0;
}

.wmc-view-order__card-title {
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: var(--wmc-text);
	margin: 0;
}

.wmc-view-order__card-body {
	padding: 20px;
}

/* Products table */
.wmc-view-order__table-wrap {
	overflow-x: auto;
}

.wmc-view-order__table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	text-align: right;
}

.wmc-view-order__table thead {
	border-bottom: 1px solid #f9fafb;
}

.wmc-view-order__th {
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	color: #6a7282;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	padding: 12px 18px 11px;
	background: rgba(249, 250, 251, 0.6);
	white-space: nowrap;
}

.wmc-view-order__th--qty {
	text-align: center;
}

.wmc-view-order__th--price {
	text-align: left;
}

.wmc-view-order__th--product,
.wmc-view-order__td--product {
	width: 50%;
}

.wmc-view-order__th--student,
.wmc-view-order__td--student {
	width: 25%;
}

.wmc-view-order__th--qty,
.wmc-view-order__td--qty {
	width: 12%;
}

.wmc-view-order__th--price,
.wmc-view-order__td--price {
	width: 13%;
}

.wmc-view-order__tr {
	border-bottom: 1px solid #f9fafb;
}

.wmc-view-order__tr:last-child {
	border-bottom: none;
}

.wmc-view-order__td {
	padding: 15px 18px;
	vertical-align: middle;
	font-size: 14px;
	line-height: 20px;
	color: var(--wmc-text);
}

.wmc-view-order__td--product {
	min-width: 220px;
}

.wmc-view-order__product-name {
	font-weight: 500;
	color: #1e2939;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wmc-view-order__student-chip {
	display: inline-flex;
	align-items: center;
	padding: 7px 10px;
	border-radius: 9999px;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	color: var(--wmc-primary);
	background: rgba(139, 28, 28, 0.06);
	white-space: nowrap;
}

.wmc-view-order__student-empty {
	color: var(--wmc-text-muted);
}

.wmc-view-order__td--qty {
	text-align: center;
	font-weight: 400;
	color: #4a5565;
	white-space: nowrap;
}

.wmc-view-order__td--price {
	text-align: left;
	font-weight: 600;
	color: #1e2939;
	white-space: nowrap;
}

/* Two-column section */
.wmc-view-order__two-col {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.wmc-view-order__two-col .wmc-view-order__card {
	margin-bottom: 0;
}

/* Info card */
.wmc-view-order__info-block {
	margin-bottom: 16px;
}

.wmc-view-order__info-block:last-child {
	margin-bottom: 0;
}

.wmc-view-order__info-label {
	display: block;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	color: #99a1af;
	margin-bottom: 4px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.wmc-view-order__info-value {
	font-size: 14px;
	line-height: 22.75px;
	color: #364153;
	font-style: normal;
	margin: 0;
}

.wmc-view-order__info-value address {
	font-style: normal;
	margin: 0;
	line-height: inherit;
}

/* Summary card */
.wmc-view-order__summary-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0 10px;
	font-size: 14px;
	line-height: 20px;
}

.wmc-view-order__summary-row:first-child {
	padding-top: 0;
}

.wmc-view-order__summary-row--total {
	border-top: 1px solid #f3f4f6;
	padding-top: 11px;
	padding-bottom: 0;
	margin-top: 0;
}

.wmc-view-order__summary-key {
	font-weight: 400;
	color: #6a7282;
}

.wmc-view-order__summary-value,
.wmc-view-order__summary-value .woocommerce-Price-amount {
	font-weight: 500;
	color: #1e2939;
}

.wmc-view-order__summary-row--total .wmc-view-order__summary-key,
.wmc-view-order__summary-value--total,
.wmc-view-order__summary-value--total .woocommerce-Price-amount {
	font-size: 14px;
	font-weight: 700;
}

.wmc-view-order__summary-value--total,
.wmc-view-order__summary-value--total .woocommerce-Price-amount {
	color: var(--wmc-primary);
}

/* Invoice card */
.wmc-view-order__card--invoice {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	padding: 21px;
	background: #ffffff;
	border: 1px solid rgba(139, 28, 28, 0.14);
	box-shadow: 0px 1px 1.5px 0px rgba(0, 0, 0, 0.1), 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}

.wmc-view-order__invoice-main {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 260px;
}

.wmc-view-order__invoice-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 14px;
	background: rgba(139, 28, 28, 0.07);
	color: var(--wmc-primary);
	flex-shrink: 0;
}

.wmc-view-order__invoice-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.wmc-view-order__invoice-title {
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: var(--wmc-text);
	margin: 0;
}

.wmc-view-order__invoice-meta {
	font-size: 12px;
	line-height: 16px;
	color: #99a1af;
	margin: 0;
}

.wmc-view-order__invoice-actions {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}

.wmc-view-order__invoice-btn {
	font-size: 12px;
	line-height: 16px;
}

.wmc-view-order__invoice-btn svg {
	flex-shrink: 0;
}

.wmc-view-order__invoice-btn--primary {
	padding: 8px 16px;
}

.wmc-view-order__invoice-btn--secondary {
	padding: 8px 16px;
	font-weight: 600;
	background: rgba(139, 28, 28, 0.03);
	border-color: rgba(139, 28, 28, 0.25);
	color: var(--wmc-primary);
}

.wmc-view-order__invoice-btn--secondary:hover {
	background: rgba(139, 28, 28, 0.08);
	border-color: rgba(139, 28, 28, 0.25);
	color: var(--wmc-primary);
}

/* Payment-proof card (plugin markup styled inside view-order) */
.wmc-view-order .mozon-payment-proof {
	background: var(--wmc-card-bg);
	border: 1px solid var(--wmc-card-border);
	border-radius: var(--wmc-radius);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
	padding: 22px;
	margin-bottom: 24px;
	font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.wmc-view-order .mozon-proof-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}

.wmc-view-order .mozon-proof-header-title {
	display: flex;
	align-items: center;
	gap: 10px;
}

.wmc-view-order .mozon-proof-header-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 10px;
	background: rgba(139, 28, 28, 0.1);
	color: var(--wmc-primary);
}

.wmc-view-order .mozon-card-title {
	font-size: 15px;
	line-height: 22px;
	font-weight: 700;
	color: var(--wmc-text);
	margin: 0;
	font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

.wmc-view-order .mozon-proof-badge {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 9999px;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	color: #b45309;
	background: #fffbeb;
}

.wmc-view-order .mozon-proof-badge--success {
	color: #15803d;
	background: #dcfce7;
}

.wmc-view-order .mozon-proof-instruction {
	font-size: 14px;
	line-height: 22px;
	color: var(--wmc-text);
	margin: 0 0 16px;
}

.wmc-view-order .mozon-proof-form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.wmc-view-order .mozon-proof-dropzone {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 24px;
	border: 2px dashed rgba(139, 28, 28, 0.25);
	border-radius: 14px;
	background: rgba(139, 28, 28, 0.02);
	cursor: pointer;
	transition: background-color 0.2s ease, border-color 0.2s ease;
	text-align: center;
}

.wmc-view-order .mozon-proof-dropzone:hover {
	background: rgba(139, 28, 28, 0.05);
	border-color: rgba(139, 28, 28, 0.4);
}

.wmc-view-order .mozon-proof-dropzone input[type="file"] {
	display: none;
}

.wmc-view-order .mozon-proof-dropzone-icon {
	color: var(--wmc-primary);
	margin-bottom: 4px;
}

.wmc-view-order .mozon-proof-dropzone-title {
	font-size: 14px;
	font-weight: 600;
	color: var(--wmc-text);
}

.wmc-view-order .mozon-proof-dropzone-hint,
.wmc-view-order .mozon-proof-file-name {
	font-size: 12px;
	line-height: 16px;
	color: var(--wmc-text-light);
}

.wmc-view-order .mozon-proof-note-label {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	color: var(--wmc-text);
}

.wmc-view-order .mozon-proof-note-label textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid var(--wmc-card-border);
	border-radius: 12px;
	font-family: inherit;
	font-size: 13px;
	line-height: 18px;
	resize: vertical;
}

.wmc-view-order .mozon-proof-submit {
	align-self: flex-start;
	background: var(--wmc-primary);
	color: #ffffff;
	border: 1px solid var(--wmc-primary);
	padding: 11px 24px;
	border-radius: 14px;
	font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}

.wmc-view-order .mozon-proof-submit:hover {
	background: var(--wmc-primary-hover-bg);
	border-color: var(--wmc-primary-hover-bg);
	color: var(--wmc-primary-hover-color);
}

.wmc-view-order .mozon-proof-message {
	display: none;
	font-size: 13px;
	line-height: 18px;
	padding: 10px 14px;
	border-radius: 10px;
}

.wmc-view-order .mozon-proof-message.success,
.wmc-view-order .mozon-proof-message.mozon-proof-message--success {
	color: #15803d;
	background: #dcfce7;
}

.wmc-view-order .mozon-proof-message.error,
.wmc-view-order .mozon-proof-message.mozon-proof-message--error {
	color: #b91c1c;
	background: #fee2e2;
}

.wmc-view-order .mozon-proof-later {
	margin: 16px 0 0;
	font-size: 12px;
	line-height: 16px;
}

.wmc-view-order .mozon-proof-later a {
	color: var(--wmc-primary);
	text-decoration: underline;
}

.wmc-view-order .mozon-proof-summary,
.wmc-view-order .mozon-proof-uploaded-at {
	font-size: 14px;
	line-height: 22px;
	color: var(--wmc-text);
	margin: 0;
}

.wmc-view-order .mozon-proof-uploaded-at {
	color: var(--wmc-text-light);
	margin-top: 4px;
}

/* Responsive */
@media (max-width: 767px) {
	.wmc-view-order {
		padding: 20px;
	}

	.wmc-view-order__banner {
		flex-direction: column;
		align-items: flex-start;
		gap: 14px;
	}

	.wmc-view-order__banner-stats {
		width: 100%;
		justify-content: space-between;
	}

	.wmc-view-order__two-col {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.wmc-view-order__card--invoice {
		flex-direction: column;
		align-items: flex-start;
	}

	.wmc-view-order__invoice-actions {
		width: 100%;
	}

	.wmc-view-order__invoice-btn {
		flex: 1;
		justify-content: center;
	}

	.wmc-view-order__table-wrap {
		overflow-x: auto;
	}

	.wmc-view-order__td--product {
		min-width: 180px;
	}
}

@media (max-width: 575px) {
	.wmc-view-order {
		padding: 16px;
	}

	.wmc-view-order__title {
		font-size: 18px;
		line-height: 26px;
	}

	.wmc-view-order__card-body,
	.wmc-view-order .mozon-payment-proof,
	.wmc-view-order__card--invoice {
		padding: 16px;
	}

	.wmc-view-order__th,
	.wmc-view-order__td {
		padding: 12px 14px;
	}

	.wmc-view-order__summary-row {
		font-size: 13px;
	}
}

/* ==========================================================================
   Cart checkout steps bar (Figma node 122:272)
   ========================================================================== */

.wmc-cart-steps {
	background: #ffffff;
	border-bottom: 1px solid #f3f4f6;
	padding: 16px 24px 17px;
	margin-top: 16px;
	direction: rtl;
	font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.wmc-cart-steps__inner {
	display: flex;
	justify-content: center;
}

.wmc-cart-steps__track {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 896px;
}

.wmc-cart-step {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}

.wmc-cart-step__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #f3f4f6;
	color: #9ca3af;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
}

.wmc-cart-step.is-active .wmc-cart-step__num {
	background: #8b1c1c;
	color: #ffffff;
}

.wmc-cart-step__label {
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	color: #9ca3af;
	white-space: nowrap;
}

.wmc-cart-step.is-active .wmc-cart-step__label {
	color: #8b1c1c;
}

.wmc-cart-step__line {
	flex: 1 1 auto;
	min-width: 32px;
	max-width: 64px;
	height: 1px;
	background: #e5e7eb;
	margin: 0 8px;
}

/* ==========================================================================
   Cart page — Figma node 122:297
   ========================================================================== */

body.wmc-is-cart-page .wmc-cart-content {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 24px 20px 40px;
	box-sizing: border-box;
	font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.wmc-cart-page,
.wmc-order-received {
	direction: rtl;
	max-width: 1024px;
	margin: 0 auto;
}

.wmc-order-received {
	padding-top: 24px;
}

/* Order-received page reuses the view-order layout. Center it like the cart page. */
body.wmc-is-checkout-page .wmc-order-received {
	padding-bottom: 40px;
}

.wmc-order-received__actions {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-top: 28px;
}

.wmc-order-received__btn {
	padding: 10px 20px;
	font-size: 13px;
	font-weight: 700;
	line-height: 20px;
}

.wmc-order-received__btn--secondary {
	background: rgba(139, 28, 28, 0.03);
	border-color: rgba(139, 28, 28, 0.25);
	color: var(--wmc-primary);
}

.wmc-order-received__btn--secondary:hover {
	background: rgba(139, 28, 28, 0.08);
	border-color: rgba(139, 28, 28, 0.25);
	color: var(--wmc-primary);
}

/* The cart page follows the document's natural RTL direction so the products
   table sits on the right and the totals card on the left. The table and
   totals card themselves stay RTL so Arabic labels/prices read correctly. */
.wmc-cart-table,
.wmc-cart-totals {
	direction: rtl;
}

/* Back to shop button (extends .wmc-btn) ------------------------------------- */
.wmc-cart-back {
	padding: 8px 16px;
	margin-bottom: 20px;
	font-weight: 600;
}

.wmc-cart-back svg {
	flex-shrink: 0;
	transform: scaleX(-1);
}

/* Two-column layout -------------------------------------------------------- */
.wmc-cart-layout {
	display: flex;
	align-items: flex-start;
	gap: 24px;
}

.wmc-cart-main {
	flex: 0 0 672px;
	min-width: 0;
}

.wmc-cart-sidebar {
	flex: 0 0 288px;
	width: 288px;
	position: sticky;
	top: calc(var(--wmc-header-height) + 24px);
	align-self: flex-start;
}

/* Products table card ------------------------------------------------------ */
.wmc-cart-card {
	background: #fff;
	border: 1px solid #f3f4f6;
	border-radius: 16px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.wmc-cart-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
}

.wmc-cart-table thead tr {
	background: rgba(139, 28, 28, 0.03);
	border-bottom: 1px solid #f3f4f6;
}

.wmc-cart-th {
	padding: 12px 18px 11px;
	font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	color: #4a5565;
	text-align: right;
}

.wmc-cart-th--product {
	width: 48%;
}

.wmc-cart-th--price {
	width: 18%;
}

.wmc-cart-th--qty {
	width: 18%;
	text-align: center;
}

.wmc-cart-th--total {
	width: 13%;
}

.wmc-cart-th--remove {
	width: 3%;
}

/* Child group divider rows ------------------------------------------------- */
.wmc-cart-group-row {
	background: var(--wmc-group-bg, rgba(139, 28, 28, 0.04));
}

body.wmc-is-cart-page .wmc-cart-table td.wmc-cart-group-cell {
	direction: rtl !important;
	padding: 12px 18px;
	text-align: right !important;
}

.wmc-cart-group-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-inline-end: 8px;
	vertical-align: middle;
}

.wmc-cart-group-name {
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	vertical-align: middle;
}

/* Product rows ------------------------------------------------------------- */
.wmc-cart-item {
	border-top: 1px solid #f3f4f6;
}

.wmc-cart-td {
	padding: 15px 18px;
	vertical-align: middle;
	font-size: 12px;
	line-height: 16px;
	color: #364153;
}

.wmc-cart-td--product {
	text-align: right;
}

.wmc-cart-product {
	display: flex;
	align-items: center;
	gap: 12px;
}

.wmc-cart-product__thumb,
.wmc-cart-product__thumb img,
.wmc-cart-td--product img {
	width: 44px !important;
	height: 44px !important;
	object-fit: cover;
	border-radius: 14px;
	flex-shrink: 0;
}

.wmc-cart-product__name {
	max-width: 180px;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	color: #1e2939;
}

.wmc-cart-td--price {
	font-weight: 500;
	text-align: right;
}

.wmc-cart-td--qty {
	text-align: center;
}

.wmc-cart-td--qty .quantity,
.wmc-cart-td--qty .qty {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
}

.wmc-cart-td--qty .quantity {
	direction: ltr;
}

.wmc-cart-td--qty .minus {
	order: 1;
}

.wmc-cart-td--qty .wmc-qty-input {
	order: 2;
}

.wmc-cart-td--qty .plus {
	order: 3;
}

.wmc-cart-td--qty .qty,
.wmc-cart-td--qty .wmc-qty-input {
	width: 24px;
	height: 24px;
	padding: 0;
	border: none;
	background: transparent;
	font-size: 12px;
	font-weight: 700;
	color: #1a0e0e;
	text-align: center;
	-moz-appearance: textfield;
	appearance: textfield;
}

.wmc-cart-td--qty .qty::-webkit-outer-spin-button,
.wmc-cart-td--qty .qty::-webkit-inner-spin-button,
.wmc-cart-td--qty .wmc-qty-input::-webkit-outer-spin-button,
.wmc-cart-td--qty .wmc-qty-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

body.wmc-is-cart-page .wmc-cart-table .wmc-cart-td--qty .quantity .minus,
body.wmc-is-cart-page .wmc-cart-table .wmc-cart-td--qty .quantity .plus {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	min-height: 24px !important;
	max-width: 24px !important;
	max-height: 24px !important;
	padding: 0 !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 8px !important;
	background: #fff !important;
	color: #6a7282 !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

body.wmc-is-cart-page .wmc-cart-table .wmc-cart-td--qty .quantity .minus:hover,
body.wmc-is-cart-page .wmc-cart-table .wmc-cart-td--qty .quantity .plus:hover {
	background: #f9fafb !important;
	border-color: #d1d5db !important;
}

.wmc-cart-td--total {
	font-weight: 700;
	color: var(--wmc-primary);
	text-align: right;
}

.wmc-cart-td--remove {
	text-align: center;
}

.wmc-cart-remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 23px;
	height: 23px;
	color: #d1d5db;
	transition: color 0.2s ease;
}

.wmc-cart-remove:hover {
	color: var(--wmc-primary);
}

/* Coupon card -------------------------------------------------------------- */
.wmc-cart-coupon {
	margin-top: 16px;
	padding: 21px;
	background: #fff;
	border: 1px solid #f3f4f6;
	border-radius: 16px;
	box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
}

.wmc-cart-coupon__hint {
	margin: 0 0 6px;
	font-size: 10px;
	font-weight: 400;
	line-height: 15px;
	color: #99a1af;
}

.wmc-cart-coupon__hint strong {
	font-weight: 700;
	color: #4a5565;
}

.wmc-cart-coupon__row {
	display: flex;
	flex-direction: row-reverse;
	align-items: stretch;
	gap: 8px;
}

.wmc-cart-coupon__input {
	flex: 1 1 auto;
	height: 40px;
	padding: 9px 13px;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	background: #fff;
	font-family: inherit;
	font-size: 12px;
	color: #1a0e0e;
	outline: none;
}

.wmc-cart-coupon__input::placeholder {
	color: rgba(26, 14, 14, 0.5);
}

.wmc-cart-coupon__input:focus {
	border-color: var(--wmc-primary);
}

.wmc-cart-coupon__btn {
	flex-shrink: 0;
	height: 40px;
	border: none;
	font-family: inherit;
}

/* Cart totals card --------------------------------------------------------- */
.wmc-cart-totals {
	background: #fff;
	border: 1px solid #f3f4f6;
	border-radius: 16px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
	padding: 21px;
	font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

.wmc-cart-totals__title {
	margin: 0 0 16px;
	font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	font-size: 18px;
	font-weight: 700;
	line-height: 27px;
	color: #1e2939;
}

.wmc-cart-totals__rows {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-top: 16px;
}

.wmc-cart-totals__row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #6a7282;
}

.wmc-cart-totals__row--total {
	padding-top: 13px;
	border-top: 1px solid #f3f4f6;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	color: var(--wmc-primary);
}

.wmc-cart-checkout-btn {
	width: 100%;
	margin-top: 20px;
	padding: 14px 16px;
	font-size: 14px;
	line-height: 20px;
}

/* Hide the default WoodMart cart collaterals (we render our own totals) ------ */
body.wmc-is-cart-page .cart-collaterals,
body.wmc-is-cart-page .cart_totals:not(.wmc-cart-totals),
body.wmc-is-cart-page .wc-proceed-to-checkout {
	display: none !important;
}

/* Responsive --------------------------------------------------------------- */
@media (max-width: 991px) {
	.wmc-cart-layout {
		flex-direction: column;
	}

	.wmc-cart-sidebar {
		position: static;
		width: 100%;
		flex: 1 1 auto;
	}

	.wmc-cart-th--product {
		width: auto;
	}

	.wmc-cart-th--price,
	.wmc-cart-th--qty,
	.wmc-cart-th--total,
	.wmc-cart-th--remove {
		width: auto;
	}

	.wmc-cart-step__line {
		min-width: 20px;
		max-width: 40px;
	}
}

@media (max-width: 767px) {
	body.wmc-is-cart-page .wmc-cart-content {
		padding: 16px;
	}

	.wmc-cart-table,
	.wmc-cart-table thead,
	.wmc-cart-table tbody,
	.wmc-cart-table th,
	.wmc-cart-table td,
	.wmc-cart-table tr {
		display: block;
	}

	.wmc-cart-table thead {
		display: none;
	}

	.wmc-cart-item {
		display: grid;
		grid-template-columns: auto 1fr auto;
		gap: 12px;
		padding: 16px;
		align-items: center;
	}

	/* RTL mobile grid: product on the right, remove on the left. */
	.wmc-cart-td--product {
		grid-column: 2 / 4;
		grid-row: 1;
		padding: 0;
	}

	.wmc-cart-td--remove {
		grid-column: 1;
		grid-row: 1 / 3;
		padding: 0;
	}

	.wmc-cart-td--price {
		grid-column: 3;
		grid-row: 2;
		padding: 0;
	}

	.wmc-cart-td--qty {
		grid-column: 2;
		grid-row: 2;
		padding: 0;
		justify-self: end;
	}

	.wmc-cart-td--total {
		display: none;
	}

	.wmc-cart-group-cell {
		padding: 10px 16px;
	}

	.wmc-cart-steps {
		padding: 12px 16px;
	}

	.wmc-cart-step__label {
		font-size: 11px;
	}

	.wmc-cart-step__line {
		min-width: 12px;
		max-width: 24px;
		margin: 0 4px;
	}
}

/* --------------------------------------------------------------------------
   Mozon order-received page — Figma 118:10 design
   -------------------------------------------------------------------------- */

.mozon-order-received {
	--mozon-primary: #8b1c1c;
	--mozon-primary-dark: #6e1616;
	--mozon-green: #2a7a6f;
	--mozon-yellow-bg: #fffbeb;
	--mozon-yellow-border: #fde68a;
	--mozon-yellow-dark: #b45309;
	--mozon-yellow-text: #92400e;
	--mozon-card-border: #f3f4f6;
	--mozon-text: #1e2939;
	--mozon-text-secondary: #6a7282;
	--mozon-text-muted: #99a1af;
	--mozon-bg-gray: #f9fafb;
	--mozon-radius: 16px;
	--mozon-radius-sm: 14px;
	--mozon-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}

.mozon-order-received-inner {
	max-width: 768px;
	margin: 0 auto;
	padding: 24px 20px 40px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* Step bar */
.mozon-steps-bar {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 16px 24px;
	background: #fff;
	border-bottom: 1px solid var(--mozon-card-border);
	flex-wrap: wrap;
}

.mozon-step {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	font-weight: 600;
	color: var(--mozon-green);
}

.mozon-step-icon {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--mozon-green);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.mozon-step-icon svg {
	width: 14px;
	height: 14px;
}

.mozon-step-number {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--mozon-primary);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 700;
}

.mozon-step--current {
	color: var(--mozon-primary);
}

.mozon-step-connector {
	width: 64px;
	height: 1px;
	background: var(--mozon-green);
}

/* Confirmation banner */
.mozon-order-banner {
	background: var(--mozon-yellow-bg);
	border: 1px solid var(--mozon-yellow-border);
	border-radius: var(--mozon-radius);
	padding: 25px;
	text-align: center;
}

.mozon-order-banner-icon {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #fef3c7;
	margin: 0 auto 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
}

.mozon-order-banner-title {
	font-size: 20px;
	font-weight: 700;
	color: var(--mozon-yellow-dark);
	margin: 0 0 8px;
	line-height: 1.4;
}

.mozon-order-banner-text {
	font-size: 14px;
	color: var(--mozon-yellow-text);
	margin: 0;
	line-height: 1.43;
}

/* eFawateercom payment number (thank-you banner + view-order page) */
.mozon-order-banner-payment-number {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	margin: 12px auto 0;
	padding: 12px 24px;
	background: #fff;
	border: 1px dashed var(--mozon-yellow-border);
	border-radius: var(--mozon-radius-sm);
}

.mozon-order-banner-payment-number .mozon-detail-label {
	color: var(--mozon-yellow-text);
}

.mozon-payment-number-value {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.5px;
	color: var(--mozon-yellow-dark);
	direction: ltr;
}

.wmc-view-order__card--payment-number {
	text-align: center;
	padding: 16px 20px;
}

.wmc-view-order__card--payment-number .wmc-view-order__info-value {
	margin: 6px 0 0;
	font-size: 12px;
	color: var(--mozon-text-secondary);
}

/* Success banner variant — online/instant payments */
.mozon-order-banner--success {
	background: #f0fdf4;
	border-color: #bbf7d0;
}

.mozon-order-banner--success .mozon-order-banner-icon {
	background: #dcfce7;
	color: var(--mozon-green);
}

.mozon-order-banner--success .mozon-order-banner-title {
	color: #166534;
}

.mozon-order-banner--success .mozon-order-banner-text {
	color: #15803d;
}

/* Cards */
.mozon-card {
	background: #fff;
	border: 1px solid var(--mozon-card-border);
	border-radius: var(--mozon-radius);
	box-shadow: var(--mozon-shadow);
	overflow: hidden;
}

.mozon-card-header {
	background: rgba(139, 28, 28, 0.02);
	border-bottom: 1px solid var(--mozon-card-border);
	padding: 16px 20px;
}

.mozon-card-title {
	font-size: 14px;
	font-weight: 700;
	color: var(--mozon-text);
	margin: 0;
	line-height: 1.43;
}

.mozon-card-body {
	padding: 20px;
}

/* Payment proof card */
.mozon-payment-proof {
	border-color: #fee685;
}

.mozon-payment-proof .mozon-card-header {
	background: var(--mozon-yellow-bg);
	border-bottom-color: #fef3c6;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.mozon-proof-header-title {
	display: flex;
	align-items: center;
	gap: 8px;
}

.mozon-proof-header-icon {
	color: #e17100;
}

.mozon-proof-badge {
	background: #fef3c6;
	color: #e17100;
	font-size: 12px;
	font-weight: 400;
	padding: 2px 8px;
	border-radius: 999px;
}

.mozon-proof-badge--success {
	background: #d1fae5;
	color: #065f46;
}

.mozon-proof-instruction {
	font-size: 12px;
	color: var(--mozon-text-secondary);
	line-height: 1.63;
	margin: 0 0 16px;
}

.mozon-proof-instruction strong {
	color: var(--mozon-text);
}

/* Dropzone */
.mozon-proof-dropzone {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 26px;
	border: 2px dashed #e5e7eb;
	border-radius: var(--mozon-radius-sm);
	text-align: center;
	cursor: pointer;
	transition: border-color 0.2s, background 0.2s;
	margin-bottom: 16px;
}

.mozon-proof-dropzone:hover,
.mozon-proof-dropzone.drag-over,
.mozon-proof-dropzone.has-file {
	border-color: var(--mozon-primary);
	background: rgba(139, 28, 28, 0.02);
}

.mozon-proof-dropzone input[type="file"] {
	display: none;
}

.mozon-proof-dropzone-icon {
	color: #9ca3af;
}

.mozon-proof-dropzone-title {
	font-size: 12px;
	font-weight: 600;
	color: #4a5565;
}

.mozon-proof-dropzone-hint {
	font-size: 10px;
	font-weight: 500;
	color: var(--mozon-text-muted);
}

.mozon-proof-file-name {
	font-size: 12px;
	font-weight: 600;
	color: var(--mozon-primary);
	display: none;
}

.mozon-proof-note-label {
	font-size: 12px;
	color: var(--mozon-text-secondary);
	display: block;
	margin-bottom: 16px;
}

.mozon-proof-note-label textarea {
	width: 100%;
	margin-top: 8px;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	padding: 10px 12px;
	font-size: 12px;
	resize: vertical;
	min-height: 60px;
}

.mozon-proof-submit {
	background: var(--mozon-primary);
	color: #fff;
	border: none;
	border-radius: var(--mozon-radius-sm);
	padding: 12px 20px;
	font-size: 14px;
	font-weight: 700;
	width: 100%;
}

.mozon-proof-submit:hover,
.mozon-proof-submit:focus {
	background: var(--mozon-primary-dark);
	color: #fff;
}

.mozon-proof-submit:disabled {
	opacity: 0.7;
}

.mozon-proof-message {
	margin-top: 12px;
	padding: 10px 12px;
	border-radius: 10px;
	font-size: 13px;
}

.mozon-proof-message.success {
	background: #d1fae5;
	color: #065f46;
}

.mozon-proof-message.error {
	background: #fee2e2;
	color: #991b1b;
}

.mozon-proof-later {
	text-align: center;
	margin: 12px 0 0;
	font-size: 12px;
	color: var(--mozon-text-muted);
}

.mozon-proof-later a {
	color: var(--mozon-primary);
	font-weight: 600;
	text-decoration: underline;
}

.mozon-proof-later a:hover {
	color: var(--mozon-primary-dark);
}

/* Order details grid */
.mozon-order-details-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
}

.mozon-detail-cell {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding: 16px 12px;
	border-inline-end: 1px solid var(--mozon-card-border);
	text-align: center;
}

.mozon-detail-cell:last-child {
	border-inline-end: none;
}

.mozon-detail-label {
	font-size: 10px;
	font-weight: 400;
	color: var(--mozon-text-muted);
}

.mozon-detail-value {
	font-size: 12px;
	font-weight: 700;
	color: var(--mozon-text);
}

/* Products */
.mozon-order-product-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 0;
	border-bottom: 1px solid var(--mozon-bg-gray);
}

.mozon-order-product-main {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.mozon-product-thumb-wrap,
.mozon-product-thumb-wrap img {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	object-fit: cover;
	flex-shrink: 0;
}

.mozon-product-name {
	font-size: 12px;
	font-weight: 500;
	color: var(--mozon-text);
}

.mozon-product-qty {
	color: var(--mozon-text-muted);
}

.mozon-product-price {
	font-size: 12px;
	font-weight: 700;
	color: var(--mozon-primary);
}

.mozon-order-summary-rows {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding-top: 16px;
}

.mozon-summary-row {
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	color: var(--mozon-text-secondary);
}

.mozon-summary-row--total {
	border-top: 1px solid var(--mozon-card-border);
	padding-top: 9px;
	margin-top: 6px;
	font-size: 14px;
	font-weight: 700;
	color: var(--mozon-primary);
}

/* Address */
.mozon-order-address-body {
	padding: 21px;
}

.mozon-order-address-body .mozon-card-title {
	margin-bottom: 12px;
}

.mozon-order-address-lines {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.mozon-order-address-line {
	font-size: 12px;
	line-height: 1.67;
	color: #4a5565;
	margin: 0;
}

.mozon-order-address-line--name {
	font-weight: 600;
	color: var(--mozon-text);
}

/* Legacy address block (kept for compatibility) */
.mozon-order-address {
	font-size: 12px;
	line-height: 1.67;
	color: var(--mozon-text);
	font-style: normal;
}

.mozon-order-address br {
	margin-bottom: 4px;
}

/* Actions */
.mozon-order-actions {
	display: flex;
	justify-content: center;
	gap: 12px;
	padding-top: 20px;
}

.mozon-btn-primary,
.mozon-btn-outline {
	border-radius: var(--mozon-radius-sm);
	padding: 11px 21px;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
}

.mozon-btn-primary {
	background: var(--mozon-primary);
	color: #fff;
	border: 1px solid var(--mozon-primary);
}

.mozon-btn-primary:hover {
	background: var(--mozon-primary-dark);
	color: #fff;
}

.mozon-btn-outline {
	background: #fff;
	color: var(--mozon-primary);
	border: 1px solid rgba(139, 28, 28, 0.25);
}

.mozon-btn-outline:hover {
	background: rgba(139, 28, 28, 0.05);
	color: var(--mozon-primary);
}

/* Responsive */
@media (max-width: 768px) {
	.mozon-order-details-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.mozon-detail-cell:nth-child(2) {
		border-inline-end: none;
	}

	.mozon-detail-cell:nth-child(1),
	.mozon-detail-cell:nth-child(2) {
		border-bottom: 1px solid var(--mozon-card-border);
	}

	.mozon-steps-bar {
		gap: 6px;
	}

	.mozon-step-connector {
		width: 24px;
	}

	.mozon-step-label {
		font-size: 11px;
	}
}

@media (max-width: 480px) {
	.mozon-order-details-grid {
		grid-template-columns: 1fr;
	}

	.mozon-detail-cell {
		border-inline-end: none;
		border-bottom: 1px solid var(--mozon-card-border);
	}

	.mozon-detail-cell:last-child {
		border-bottom: none;
	}

	.mozon-order-actions {
		flex-direction: column;
	}
}

/* --------------------------------------------------------------------------
 * LTR overrides for English (WPML) pages
 *
 * The rules above hardcode the Arabic RTL layout (fixed right sidebar,
 * margin-right content offset, direction: rtl on every component). When the
 * Mozon plugin detects an LTR language it adds body.mozon-ltr and forces
 * <html dir="ltr">; the selectors below mirror each RTL rule with an extra
 * .mozon-ltr class on <body>, giving strictly higher specificity so English
 * pages (cart, orders, edit-address, edit-account, wishlist, view-order)
 * render fully left-to-right without touching the Arabic layout.
 * -------------------------------------------------------------------------- */

/* Fixed sidebar: move from right edge to left edge */
body.mozon-ltr .wmc-account-sidebar {
	right: auto;
	left: 0;
	direction: ltr;
}

/* Main content: offset from the left sidebar instead of the right one */
body.mozon-ltr.wmc-is-account-page .woocommerce-MyAccount-content.wmc-account-content,
body.mozon-ltr.wmc-is-checkout-page .woocommerce-MyAccount-content.wmc-account-content {
	direction: ltr;
	margin-left: calc(var(--wmc-sidebar-width) / 3);
	margin-right: 0;
}

body.mozon-ltr .wmc-dashboard-inner {
	direction: ltr;
	margin-left: 0;
	margin-right: auto;
	padding: 30px 0 0 20px;
}

body.mozon-ltr .wd-my-account-wrapper {
	direction: ltr;
}

/* Component direction flips — one per hardcoded direction: rtl above */
body.mozon-ltr .wmc-hero__content {
	direction: ltr;
	text-align: left;
}

body.mozon-ltr .wmc-section__header,
body.mozon-ltr .wmc-students-grid,
body.mozon-ltr .wmc-categories-grid,
body.mozon-ltr .wmc-banner,
body.mozon-ltr .wmc-management-grid,
body.mozon-ltr .wmc-edit-account,
body.mozon-ltr .wmc-wishlist,
body.mozon-ltr .wmc-orders,
body.mozon-ltr .wmc-addresses,
body.mozon-ltr .wmc-view-order,
body.mozon-ltr .wmc-cart-steps,
body.mozon-ltr .wmc-cart-page,
body.mozon-ltr .wmc-order-received,
body.mozon-ltr .wmc-cart-table,
body.mozon-ltr .wmc-cart-totals {
	direction: ltr;
}

body.mozon-ltr.wmc-is-account-page .wmc-wishlist-grid .wmc-product-card {
	direction: ltr;
}

/* Text alignment flips */
body.mozon-ltr .wmc-category-card__content {
	align-items: flex-start;
	text-align: left;
}

body.mozon-ltr .wmc-management-card__label,
body.mozon-ltr .wmc-management-card__desc,
body.mozon-ltr .wmc-orders__table,
body.mozon-ltr .wmc-view-order__table,
body.mozon-ltr .wmc-cart-th,
body.mozon-ltr .wmc-cart-td--product,
body.mozon-ltr .wmc-cart-td--price,
body.mozon-ltr .wmc-cart-td--total {
	text-align: left;
}

/* Cart group header cell (original rule uses !important — override must too) */
body.mozon-ltr.wmc-is-cart-page .wmc-cart-table td.wmc-cart-group-cell {
	direction: ltr !important;
	text-align: left !important;
}