/*
Theme Name: متاجري
Theme URI: https://mtajri.com
Author: Matjari
Description: قالب ووردبريس مبني خصيصًا لمتاجر المطاعم على متاجري، متوافق بالكامل مع ووكومرس وإضافة لوحة تحكم المطعم. يدعم العربية (RTL) والإنجليزية (LTR) بشكل أصلي، ومصمم من الأساس ليعمل بسلاسة على الجوال.
Version: 1.7.8
Text Domain: mtajri-theme
*/

:root {
	--mrd-primary: #147a5e;
	--mrd-primary-dark: #0d5c46;
	--mrd-tint-bg: #eaf6f1;
	--mrd-tint-border: #bfe3d3;
	--mrd-tint-text: #0b5c45;
	--mrd-danger: #c0392b;
	--mrd-danger-dark: #a5301f;
	--mrd-danger-bg: #fbe9e7;
	--mrd-danger-border: #f3c6c0;
	--mrd-whatsapp: #25D366;
	--mrd-dark: #12211d;
	--mrd-neutral-bg: #fafbfb;
	--mrd-overlay: rgba(10, 20, 17, 0.55);
	--mrd-bg: #f4f6f5;
	--mrd-text: #24332f;
	--mrd-muted: #74847e;
	--mrd-border: #e9ebea;
	--mrd-border-dark: #dfe3e1;
	--mrd-header-h: 64px;
	--mrd-transition: 0.15s ease;
	--mrd-focus-ring: 0 0 0 3px rgba(20, 122, 94, 0.25);
}

* { box-sizing: border-box; }

:focus-visible {
	outline: 2px solid var(--mrd-primary);
	outline-offset: 2px;
}

html { -webkit-text-size-adjust: 100%; }

body {
	margin: 0;
	background: var(--mrd-bg);
	color: var(--mrd-text);
	font-family: 'Tajawal', 'Segoe UI', Tahoma, sans-serif;
	line-height: 1.6;
	overflow-x: hidden; /* يمنع أي تمرير أفقي غير مرغوب دون التأثير على عرض المحتوى الداخلي */
}

body.rtl { direction: rtl; }
body:not(.rtl) { direction: ltr; }

img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; margin: 0; padding: 0; }

.mtajri-container {
	max-width: 1360px;
	margin: 0 auto;
	padding: 0 24px;
	width: 100%;
	box-sizing: border-box;
}

/* ------------------------------------------------------------------ */
/* الرأس (Header)                                                      */
/* ------------------------------------------------------------------ */

.mtajri-header {
	background: #fff;
	border-bottom: 1px solid var(--mrd-border);
	position: sticky;
	top: 0;
	z-index: 500;
	overflow: hidden; /* شبكة أمان: يمنع أي عنصر (كصورة شعار كبيرة الحجم) من تكسير ارتفاع الرأس */
	height: var(--mrd-header-h);
}

.mtajri-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	height: var(--mrd-header-h);
}

.mtajri-logo {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 20px;
	font-weight: 800;
	color: var(--mrd-text) !important;
	flex-shrink: 0;
	max-height: var(--mrd-header-h);
	overflow: hidden;
}
.mtajri-logo img,
.mtajri-logo .custom-logo {
	max-height: 40px !important;
	height: auto !important;
	width: auto !important;
	max-width: 160px !important;
}

.mtajri-header-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}

.mtajri-icon-btn {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--mrd-bg);
	color: var(--mrd-text) !important;
	position: relative;
	font-size: 18px;
	border: none;
	cursor: pointer;
}
.mtajri-icon-btn:hover { background: #eef1f0; }

.mtajri-cart-count {
	position: absolute;
	top: -3px;
	inset-inline-end: -3px;
	background: var(--mrd-primary);
	color: #fff;
	font-size: 10.5px;
	font-weight: 800;
	min-width: 17px;
	height: 17px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 3px;
}

.mtajri-nav-desktop {
	display: none;
}
.mtajri-nav-desktop ul { display: flex; gap: 22px; }
.mtajri-nav-desktop a { font-weight: 700; font-size: 14px; }

.mtajri-menu-toggle {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: none;
	background: var(--mrd-bg);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 20px;
}

.mtajri-mobile-nav {
	display: none;
	position: fixed;
	inset: 0;
	background: #fff;
	z-index: 999;
	padding: 20px;
	overflow-y: auto;
}
.mtajri-mobile-nav.open { display: block; }
.mtajri-mobile-nav-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.mtajri-mobile-nav ul { display: flex; flex-direction: column; gap: 4px; }
.mtajri-mobile-nav a { display: block; padding: 14px 6px; font-size: 16px; font-weight: 700; border-bottom: 1px solid var(--mrd-border); }
.mtajri-mobile-nav-account { margin-top: 20px; }
.mtajri-mobile-nav-account-link {
	display: flex;
	align-items: center;
	gap: 8px;
	background: var(--mrd-dark);
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 999px;
	padding: 13px 20px;
	font-size: 14.5px;
	font-weight: 700;
	text-align: center;
	justify-content: center;
}

@media (min-width: 900px) {
	.mtajri-nav-desktop { display: block; }
	.mtajri-menu-toggle { display: none; }
}

/* ------------------------------------------------------------------ */
/* المحتوى العام                                                       */
/* ------------------------------------------------------------------ */

.mtajri-main { min-height: 60vh; padding: 24px 0 60px; }
.mtajri-page-title { font-size: 24px; font-weight: 800; margin: 0 0 20px; }

/* شبكة منتجات ووكومرس الافتراضية */
ul.products {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 18px;
	padding: 0;
	margin: 0 0 30px;
}
ul.products li.product {
	list-style: none;
	background: #fff;
	border: 1px solid var(--mrd-border);
	border-radius: 12px;
	overflow: hidden;
	padding: 0 !important;
	position: relative;
	text-align: start !important;
	display: flex;
	flex-direction: column;
}
ul.products li.product img { aspect-ratio: 4/3; object-fit: cover; width: 100%; }
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2 {
	font-size: 14.5px;
	font-weight: 700;
	margin: 10px 14px 4px;
}
ul.products li.product .price { font-weight: 800; color: var(--mrd-primary); margin: 0 14px 12px; display: block; }
/* السعر يشمل الضريبة فعليًا من إعدادات المتجر، لكن عبارة "متضمن قيمة
   الضريبة" التي يُضيفها ووكومرس تلقائيًا بجانب كل سعر غير مطلوبة بصريًا
   هنا — نُخفيها في كل مكان (المتجر، صفحة الصنف، السلة...) بدل تكرار
   نفس القاعدة في كل قالب على حدة. */
.woocommerce-price-suffix { display: none !important; }
ul.products li.product a.button,
ul.products li.product .mrd-quickbuy-btn {
	margin: 0 14px 14px;
}

.button, button[type="submit"], input[type="submit"] {
	background: var(--mrd-primary);
	color: #fff;
	border: none;
	border-radius: 8px;
	padding: 11px 20px;
	font-family: inherit;
	font-weight: 700;
	font-size: 13.5px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	transition: background 0.15s;
}
.button:hover, button[type="submit"]:hover, input[type="submit"]:hover { background: var(--mrd-primary-dark); color: #fff; }
.button:disabled, button[type="submit"]:disabled, input[type="submit"]:disabled,
.button.disabled, .button[aria-disabled="true"] {
	opacity: 0.55;
	cursor: not-allowed;
	pointer-events: none;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="number"],
input[type="password"], input[type="date"], input[type="time"], select, textarea {
	width: 100%;
	padding: 11px 14px;
	border: 1px solid var(--mrd-border);
	border-radius: 8px;
	font-family: inherit;
	/* 16px تحديدًا وليس أقل: أي حجم خط أصغر من هذا في حقول الإدخال يجعل
	   سفاري iOS يُكبّر الشاشة تلقائيًا عند لمس الحقل — هذا كان السبب
	   الفعلي وراء تكبّر الشاشة عند الضغط على حقل أو قائمة منسدلة، وليس
	   سلوك تكبير/تصغير عام يحتاج تعطيلًا من إعدادات الصفحة نفسها. */
	font-size: 16px;
	box-sizing: border-box;
	transition: border-color var(--mrd-transition), box-shadow var(--mrd-transition);
}
input[type="text"]:focus-visible, input[type="email"]:focus-visible, input[type="tel"]:focus-visible, input[type="number"]:focus-visible,
input[type="password"]:focus-visible, input[type="date"]:focus-visible, input[type="time"]:focus-visible, select:focus-visible, textarea:focus-visible {
	outline: none;
	border-color: var(--mrd-primary);
	box-shadow: var(--mrd-focus-ring);
}

/* صفحة السلة/الدفع: تحسين بسيط للمسافات */
.woocommerce-cart table.shop_table,
.woocommerce-checkout table.shop_table {
	width: 100%;
	border-collapse: collapse;
}
.woocommerce-cart table.shop_table td,
.woocommerce-cart table.shop_table th,
.woocommerce-checkout table.shop_table td,
.woocommerce-checkout table.shop_table th {
	padding: 12px 10px;
	border-bottom: 1px solid var(--mrd-border);
	text-align: start;
}

/* ------------------------------------------------------------------ */
/* الفوتر                                                              */
/* ------------------------------------------------------------------ */

.mtajri-footer {
	background: var(--mrd-primary-dark);
	color: #b9c9c3;
	padding: 40px 0 24px;
	margin-top: 40px;
	font-size: 13.5px;
}
.mtajri-footer a { color: #b9c9c3 !important; }
.mtajri-footer a:hover { color: #fff !important; }
.mtajri-footer-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	margin-bottom: 24px;
}
.mtajri-footer-col h4 { color: #fff; font-size: 14px; margin: 0 0 12px; }
.mtajri-footer-col ul li { margin-bottom: 8px; }
.mtajri-footer-bottom {
	border-top: 1px solid rgba(255,255,255,0.08);
	padding-top: 18px;
	text-align: center;
	font-size: 12px;
	color: #7c8d87;
}

@media (min-width: 700px) {
	.mtajri-footer-grid { grid-template-columns: repeat(3, 1fr); }
}

/* ------------------------------------------------------------------ */
/* استجابة عامة للجوال                                                 */
/* ------------------------------------------------------------------ */

@media (max-width: 480px) {
	.mtajri-container { padding: 0 14px; }
	ul.products { grid-template-columns: 1fr 1fr; gap: 10px; }
}

/* ------------------------------------------------------------------ */
/* صفحة الصنف المفردة                                                  */
/* ------------------------------------------------------------------ */

.woocommerce div.product {
	display: flex;
	flex-wrap: wrap;
	gap: 34px;
	background: #fff;
	border: 1px solid var(--mrd-border);
	border-radius: 14px;
	padding: 24px;
	margin-bottom: 30px;
}
.woocommerce div.product div.images { flex: 1 1 340px; min-width: 0; }
.woocommerce div.product div.images img { border-radius: 12px; }
.woocommerce div.product div.summary { flex: 1 1 340px; min-width: 0; }

.woocommerce div.product .product_title { font-size: 22px; font-weight: 800; margin: 0 0 10px; }
.woocommerce div.product p.price {
	font-size: 20px;
	font-weight: 800;
	color: var(--mrd-primary);
	margin: 0 0 16px;
}
.woocommerce div.product .woocommerce-product-details__short-description {
	color: var(--mrd-muted);
	font-size: 14px;
	margin-bottom: 20px;
}

.woocommerce div.product form.cart {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.woocommerce div.product .quantity { display: inline-flex; }
.woocommerce div.product .quantity input.qty {
	width: 70px;
	text-align: center;
}
.woocommerce div.product button.single_add_to_cart_button {
	padding: 13px 30px;
	font-size: 14px;
}

.woocommerce-tabs { margin-top: 10px; }
.woocommerce-tabs ul.tabs {
	display: flex;
	gap: 8px;
	border-bottom: 1px solid var(--mrd-border);
	margin-bottom: 18px;
	flex-wrap: wrap;
}
.woocommerce-tabs ul.tabs li { list-style: none; }
.woocommerce-tabs ul.tabs li a {
	display: inline-block;
	padding: 10px 18px;
	font-weight: 700;
	font-size: 13.5px;
	border-radius: 999px 999px 0 0;
	color: var(--mrd-muted) !important;
}
.woocommerce-tabs ul.tabs li.active a {
	color: var(--mrd-primary) !important;
	background: var(--mrd-tint-bg);
}
.woocommerce-tabs .panel { font-size: 14px; color: var(--mrd-text); line-height: 1.8; }

.related.products {
	margin-top: 40px;
}
.related.products > h2 {
	font-size: 19px;
	font-weight: 800;
	margin-bottom: 16px;
}

/* ------------------------------------------------------------------ */
/* السلة                                                              */
/* ------------------------------------------------------------------ */

.woocommerce-cart .mtajri-main .mtajri-container,
.woocommerce-checkout .mtajri-main .mtajri-container {
	display: block;
}

table.cart, table.shop_table.cart {
	background: #fff;
	border: 1px solid var(--mrd-border);
	border-radius: 12px;
	overflow: hidden;
}
table.cart img { width: 64px; border-radius: 8px; }
table.cart td.product-remove a {
	color: var(--mrd-danger) !important;
	font-weight: 800;
	font-size: 18px;
	transition: color var(--mrd-transition);
}
table.cart td.product-remove a:hover { color: var(--mrd-danger-dark) !important; }
table.cart .quantity input.qty { width: 60px; }

.cart-collaterals { margin-top: 24px; }
.cart_totals {
	background: #fff;
	border: 1px solid var(--mrd-border);
	border-radius: 12px;
	padding: 22px;
	max-width: 420px;
	margin-inline-start: auto;
}
.cart_totals h2 { font-size: 17px; font-weight: 800; margin: 0 0 14px; }
.cart_totals table { width: 100%; }
.cart_totals table td, .cart_totals table th {
	padding: 10px 0;
	border-bottom: 1px solid var(--mrd-border);
	text-align: start;
}
.cart_totals .order-total .amount { color: var(--mrd-primary); font-weight: 800; font-size: 17px; }

.wc-proceed-to-checkout a.checkout-button {
	display: block;
	text-align: center;
	width: 100%;
	margin-top: 14px;
	padding: 14px;
	font-size: 14.5px;
}

.coupon {
	display: flex;
	gap: 8px;
	margin-bottom: 18px;
	flex-wrap: wrap;
}
.coupon input#coupon_code { flex: 1; min-width: 160px; }

/* ------------------------------------------------------------------ */
/* الدفع (Checkout)                                                    */
/* ------------------------------------------------------------------ */

.mrd-checkout-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	align-items: flex-start;
}
.mrd-checkout-main { flex: 1.3 1 380px; min-width: 0; }
.mrd-checkout-side { flex: 1 1 320px; min-width: 0; position: sticky; top: 84px; }

.mrd-checkout-card {
	background: #fff;
	border: 1px solid var(--mrd-border);
	border-radius: 14px;
	padding: 22px 24px;
}
.mrd-checkout-card-title { font-size: 16.5px; font-weight: 800; margin: 0 0 18px; }

@media (max-width: 782px) {
	.mrd-checkout-side { position: static; }
	.mrd-checkout-card { padding: 18px; }
}

/* القالب الافتراضي لووكومرس لا يزال يطبع عنوانه الخاص ("Billing
   details") ضمن woocommerce_checkout_billing — نُخفيه لأن بطاقتنا توفّر
   عنوانها الخاص أعلاه بدلًا منه. */
.woocommerce-billing-fields > h3,
.woocommerce-additional-fields > h3 { display: none; }

/* حقول "بياناتك" مرتّبة منطقيًا بصريًا عبر flexbox (دون تغيير ترتيبها
   الفعلي في الكود أو تعطيل أي منطق JS مبني على الفئات الموجودة أصلًا) */
.woocommerce-billing-fields__field-wrapper {
	display: flex;
	flex-direction: column;
}
#billing_first_name_field,
#billing_last_name_field,
#billing_phone_field { order: -10; }

#mrd_order_type_field {
	order: -6;
	border-top: 1px solid var(--mrd-border);
	padding-top: 18px;
	margin-top: 6px;
}

#billing_city_field,
#billing_address_1_field,
#mrd_shipping_zone_field,
#mrd_pickup_branch_field { order: -3; }
#billing_city_field {
	border-top: 1px solid var(--mrd-border);
	padding-top: 18px;
	margin-top: 6px;
}

.woocommerce-additional-fields,
#order_comments_field {
	order: 10;
	border-top: 1px solid var(--mrd-border);
	padding-top: 18px;
	margin-top: 6px;
}

/* حقل الدولة مثبَّت داخليًا على دولة المتجر ولا يجب أن يظهر للعميل إطلاقًا
   — احتياط إضافي بجانب تفريغ عنوانه من PHP (class-mrd-checkout.php)،
   تحسّبًا لأي اختلاف في سلوك ووكومرس بين النسخ. */
#billing_country_field,
#shipping_country_field { display: none !important; }

.woocommerce-checkout .form-row { margin-bottom: 14px; }
.woocommerce-checkout .form-row label {
	display: block;
	font-weight: 700;
	font-size: 13px;
	margin-bottom: 5px;
}

/* طريقة الاستلام: أزرار مجزّأة (segmented control) بدل أزرار راديو عادية */
#mrd_order_type_field .woocommerce-input-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 4px;
}
#mrd_order_type_field input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}
#mrd_order_type_field label.radio {
	flex: 1 1 110px;
	text-align: center;
	padding: 12px 14px;
	border: 1.5px solid var(--mrd-border);
	border-radius: 10px;
	cursor: pointer;
	font-weight: 700;
	font-size: 13.5px;
	color: var(--mrd-text);
	transition: background 0.15s, border-color 0.15s, color 0.15s;
	margin: 0;
}
#mrd_order_type_field input[type="radio"]:checked + label.radio {
	background: var(--mrd-primary);
	border-color: var(--mrd-primary);
	color: #fff;
}
#mrd_order_type_field input[type="radio"]:focus-visible + label.radio {
	outline: 2px solid var(--mrd-primary-dark);
	outline-offset: 2px;
}

/* ملخص الطلب */
table.woocommerce-checkout-review-order-table { width: 100%; margin-bottom: 4px; border-collapse: collapse; }
table.woocommerce-checkout-review-order-table th,
table.woocommerce-checkout-review-order-table td {
	padding: 10px 0;
	border-bottom: 1px solid var(--mrd-border);
	text-align: start;
	font-size: 13.5px;
}
table.woocommerce-checkout-review-order-table .order-total .amount { color: var(--mrd-primary); font-weight: 800; font-size: 16px; }
table.woocommerce-checkout-review-order-table .order-total td,
table.woocommerce-checkout-review-order-table .order-total th { border-bottom: none; padding-top: 14px; }

/* كود القسيمة */
.woocommerce-form-coupon-toggle { margin-bottom: 14px; }
.woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-form-coupon-toggle .woocommerce-notice {
	background: var(--mrd-tint-bg);
	border: 1px solid var(--mrd-tint-border);
	color: var(--mrd-tint-text);
	border-radius: 10px;
	padding: 11px 15px;
	font-size: 13px;
	list-style: none;
}
.woocommerce-form-coupon-toggle a.showcoupon { font-weight: 700; text-decoration: underline; color: var(--mrd-tint-text); }
.checkout_coupon.woocommerce-form-coupon {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 16px;
	background: var(--mrd-neutral-bg);
	border: 1px solid var(--mrd-border);
	border-radius: 10px;
	padding: 14px;
}
.checkout_coupon.woocommerce-form-coupon .form-row { flex: 1 1 160px; margin-bottom: 0; }
.checkout_coupon.woocommerce-form-coupon input#coupon_code { width: 100%; }

/* طرق الدفع */
#payment { background: var(--mrd-neutral-bg); border-radius: 10px; padding: 4px; margin-top: 16px; }
ul.wc_payment_methods { padding: 10px; margin: 0; }
ul.wc_payment_methods li.wc_payment_method {
	list-style: none;
	background: #fff;
	border: 1.5px solid var(--mrd-border);
	border-radius: 10px;
	padding: 12px 14px;
	margin-bottom: 8px;
	transition: border-color 0.15s, background 0.15s;
}
ul.wc_payment_methods li.wc_payment_method:has(input:checked) {
	border-color: var(--mrd-primary);
	background: var(--mrd-tint-bg);
}
ul.wc_payment_methods li.wc_payment_method label { font-weight: 700; font-size: 13.5px; cursor: pointer; }
ul.wc_payment_methods .payment_box {
	font-size: 12.5px;
	color: var(--mrd-muted);
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px dashed var(--mrd-border);
}

#place_order {
	width: 100%;
	padding: 15px;
	font-size: 15px;
	margin-top: 6px;
}

@media (max-width: 782px) {
	.woocommerce div.product { flex-direction: column; padding: 16px; }
	.cart_totals { max-width: 100%; }
}


/* ------------------------------------------------------------------ */
/* صفحة "تم استلام الطلب"                                              */
/* ------------------------------------------------------------------ */

.mrd-tk-wrap {
	max-width: 640px;
	margin: 0 auto;
	padding: 10px 4px 60px;
}

.mrd-tk-header { text-align: center; margin-bottom: 28px; }
.mrd-tk-check {
	width: 64px;
	height: 64px;
	margin: 0 auto 16px;
	background: var(--mrd-primary);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mrd-tk-check svg { width: 30px; height: 30px; color: #fff; }
.mrd-tk-title { font-size: 22px; font-weight: 800; margin: 0 0 8px; }
.mrd-tk-sub { color: var(--mrd-muted); font-size: 14.5px; margin: 0; }

.mrd-tk-card {
	background: #fff;
	border: 1px solid var(--mrd-border);
	border-radius: 14px;
	padding: 20px 22px;
	margin-bottom: 16px;
}
.mrd-tk-card-title { font-size: 15px; font-weight: 800; margin: 0 0 14px; }

.mrd-tk-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 9px 0;
	font-size: 14px;
	color: var(--mrd-text);
	border-bottom: 1px solid var(--mrd-border);
}
.mrd-tk-row:last-child { border-bottom: none; }
.mrd-tk-row span { color: var(--mrd-muted); }
.mrd-tk-row strong { font-weight: 700; text-align: end; }
.mrd-tk-row.mrd-tk-total {
	border-top: 2px solid var(--mrd-border);
	border-bottom: none;
	margin-top: 4px;
	padding-top: 14px;
	font-size: 16px;
}
.mrd-tk-row.mrd-tk-total strong { color: var(--mrd-primary); font-size: 17px; }

.mrd-tk-fulfillment-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--mrd-tint-bg);
	color: var(--mrd-primary-dark);
	border-radius: 999px;
	padding: 7px 14px;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 12px;
}
.mrd-tk-fulfillment-detail { font-size: 14px; line-height: 1.8; color: var(--mrd-text); }
.mrd-tk-fulfillment-detail strong { display: block; margin-bottom: 2px; }
.mrd-tk-note {
	background: #fbf7e9;
	border: 1px solid #eee0b0;
	color: #8a6d1d;
	border-radius: 10px;
	padding: 10px 14px;
	font-size: 13px;
	margin-top: 10px;
}

.mrd-tk-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 0;
	border-bottom: 1px solid var(--mrd-border);
	font-size: 14px;
}
.mrd-tk-item:last-of-type { border-bottom: none; }
.mrd-tk-item-qty { color: var(--mrd-muted); font-size: 12.5px; margin-inline-start: 4px; }
.mrd-tk-divider { height: 1px; background: var(--mrd-border); margin: 6px 0 10px; }

.mrd-tk-failed p { color: var(--mrd-danger); margin: 0 0 14px; }
.mrd-tk-not-found { text-align: center; color: var(--mrd-muted); padding: 40px 20px; }

.mrd-tk-actions { text-align: center; margin-top: 24px; }
.mrd-tk-btn {
	display: inline-block;
	background: var(--mrd-dark);
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 999px;
	padding: 13px 32px;
	font-weight: 700;
	font-size: 14px;
	transition: background 0.2s;
}
.mrd-tk-btn:hover { background: var(--mrd-primary); color: #fff !important; }

@media (max-width: 480px) {
	.mrd-tk-card { padding: 16px; }
	.mrd-tk-title { font-size: 19px; }
}

/* ------------------------------------------------------------------ */
/* تسجيل الدخول/إنشاء حساب على صفحة الدفع                              */
/* تظهر بشكل بارز عند تفعيل "إجبار تسجيل الدخول" من الإعدادات، لكنها    */
/* تبقى موجودة (كخيار عائد للعميل) حتى في وضع الضيف الافتراضي.         */
/* ------------------------------------------------------------------ */

.woocommerce-checkout .woocommerce-form-login,
.woocommerce-checkout .woocommerce-form-register,
.woocommerce-checkout .woocommerce-account-fields {
	background: #fff;
	border: 1px solid var(--mrd-border);
	border-radius: 12px;
	padding: 20px 22px;
	margin-bottom: 20px;
}

.woocommerce-checkout .woocommerce-form-login-toggle,
.woocommerce-checkout .woocommerce-form-coupon-toggle {
	background: var(--mrd-tint-bg);
	border: 1px solid var(--mrd-tint-border);
	border-radius: 10px;
	padding: 12px 16px;
	margin-bottom: 16px;
	font-size: 13.5px;
	color: var(--mrd-primary-dark);
}
.woocommerce-checkout .woocommerce-form-login-toggle a,
.woocommerce-checkout .woocommerce-form-coupon-toggle a {
	color: var(--mrd-primary-dark) !important;
	font-weight: 700;
	text-decoration: underline;
}

.woocommerce-checkout .woocommerce-form-login .form-row label,
.woocommerce-checkout .woocommerce-form-register .form-row label,
.woocommerce-checkout .woocommerce-account-fields .form-row label,
.woocommerce-checkout .create-account p {
	font-weight: 700;
	font-size: 13.5px;
	margin-bottom: 6px;
	display: block;
	color: var(--mrd-text);
}

.woocommerce-checkout .woocommerce-form-login .button,
.woocommerce-checkout .woocommerce-form-register .button {
	margin-top: 8px;
}

.woocommerce-checkout .lost_password { font-size: 13px; margin-top: 10px; }
.woocommerce-checkout .lost_password a { color: var(--mrd-primary) !important; }

/* ------------------------------------------------------------------ */
/* متتبّع حالة الطلب المباشر — صفحة "تم استلام الطلب"                   */
/* ------------------------------------------------------------------ */

.mrd-tk-steps {
	display: flex;
	align-items: flex-start;
	padding-top: 6px;
}

.mrd-tk-step {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	position: relative;
}

.mrd-tk-step:not(:first-child)::before {
	content: '';
	position: absolute;
	top: 7px;
	inset-inline-start: -50%;
	width: 100%;
	height: 2px;
	background: var(--mrd-border);
	z-index: 0;
}
.mrd-tk-step.is-done:not(:first-child)::before,
.mrd-tk-step.is-active:not(:first-child)::before {
	background: var(--mrd-primary);
}

.mrd-tk-step-dot {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #fff;
	border: 3px solid var(--mrd-border);
	margin-bottom: 8px;
	position: relative;
	z-index: 1;
	transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.mrd-tk-step.is-done .mrd-tk-step-dot,
.mrd-tk-step.is-active .mrd-tk-step-dot {
	background: var(--mrd-primary);
	border-color: var(--mrd-primary);
}
.mrd-tk-step.is-active .mrd-tk-step-dot {
	animation: mrd-tk-step-pulse 1.6s infinite;
}
@keyframes mrd-tk-step-pulse {
	0%, 100% { box-shadow: 0 0 0 3px rgba(15, 122, 92, 0.18); }
	50% { box-shadow: 0 0 0 6px rgba(15, 122, 92, 0.08); }
}

.mrd-tk-step-label {
	font-size: 11px;
	font-weight: 600;
	color: var(--mrd-muted);
	line-height: 1.3;
	padding: 0 2px;
}
.mrd-tk-step.is-done .mrd-tk-step-label,
.mrd-tk-step.is-active .mrd-tk-step-label {
	color: var(--mrd-text);
}

.mrd-tk-status-cancelled {
	background: #fbe9e7;
	border: 1px solid #f3c6c0;
	color: var(--mrd-danger);
	border-radius: 10px;
	padding: 12px 16px;
	font-weight: 700;
	text-align: center;
}

@media (max-width: 480px) {
	.mrd-tk-step-label { font-size: 9.5px; }
}

/* ------------------------------------------------------------------ */
/* شريط "إتمام الطلب" الثابت أسفل الشاشة على الجوال                     */
/* ------------------------------------------------------------------ */

.mtajri-sticky-checkout {
	position: fixed;
	bottom: 0;
	inset-inline: 0;
	z-index: 300;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	background: var(--mrd-dark);
	color: #fff;
	padding: 12px 16px;
	padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
	box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.18);
}
.mtajri-sticky-checkout-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mtajri-sticky-checkout-count { font-size: 11.5px; color: #b9c9c3; }
.mtajri-sticky-checkout-total { font-size: 16px; font-weight: 800; }
.mtajri-sticky-checkout-btn {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	background: var(--mrd-primary);
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 999px;
	padding: 12px 24px;
	font-weight: 700;
	font-size: 13.5px;
	white-space: nowrap;
	transition: background 0.15s;
}
.mtajri-sticky-checkout-btn:hover { background: var(--mrd-primary-dark); color: #fff !important; }

/* الشريط خاص بالجوال فقط، ويحجز له مساحة أسفل الصفحة حتى لا يغطّي محتوى
   الفوتر عند ظهوره — الحجز مشروط بفئة تُضاف عبر جافاسكريبت فقط عند
   الظهور الفعلي، تفاديًا لفراغ غير ضروري حين تكون السلة فارغة. */
/* على الجوال: شريط كامل العرض أسفل الشاشة. على الشاشات الأوسع: بطاقة
   عائمة صغيرة في الزاوية بدل شريط يمتد لعرض الشاشة بالكامل (يبدو غير
   مناسب على شاشة واسعة) — لكنها تبقى ظاهرة في الحالتين، فهي المسار
   الوحيد المضمون للوصول لصفحة الدفع بعد إلغاء صفحة السلة المنفصلة. */
@media (min-width: 783px) {
	.mtajri-sticky-checkout {
		inset-inline: auto;
		inset-inline-end: 24px;
		bottom: 24px;
		border-radius: 14px;
		max-width: 340px;
		box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
	}
}
@media (max-width: 782px) {
	body.has-sticky-checkout { padding-bottom: 74px; }
}

/* ------------------------------------------------------------------ */
/* تعديل الكمية/الحذف مباشرة ضمن جدول "طلبك" بصفحة الدفع                */
/* ------------------------------------------------------------------ */

.mtajri-checkout-qty-row {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 8px;
}
.mtajri-checkout-qty-stepper {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: var(--mrd-bg);
	border-radius: 999px;
	padding: 4px 12px;
}
.mtajri-checkout-qty-btn {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: none;
	background: #fff;
	box-shadow: 0 0 0 1px var(--mrd-border);
	color: var(--mrd-text);
	font-size: 13px;
	font-weight: 800;
	line-height: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}
.mtajri-checkout-qty-btn:hover { background: var(--mrd-primary); color: #fff; box-shadow: 0 0 0 1px var(--mrd-primary); }
.mtajri-checkout-qty-value { min-width: 14px; text-align: center; font-size: 12.5px; font-weight: 700; }
.mtajri-checkout-remove-btn {
	background: none;
	border: none;
	color: var(--mrd-danger);
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	text-decoration: underline;
	padding: 0;
	transition: color var(--mrd-transition);
}
.mtajri-checkout-remove-btn:hover { color: var(--mrd-danger-dark); }
table.woocommerce-checkout-review-order-table { transition: opacity 0.15s; }

/* ------------------------------------------------------------------ */
/* تسجيل الدخول / إنشاء حساب                                          */
/* ------------------------------------------------------------------ */

.mrd-auth-wrap { max-width: 440px; margin: 0 auto; }
.mrd-auth-card {
	background: #fff;
	border: 1px solid var(--mrd-border);
	border-radius: 16px;
	padding: 26px 24px;
}
.mrd-auth-tabs {
	display: flex;
	background: var(--mrd-bg);
	border-radius: 999px;
	padding: 4px;
	margin-bottom: 22px;
}
.mrd-auth-tab {
	flex: 1;
	background: none;
	border: none;
	border-radius: 999px;
	padding: 10px;
	font-family: inherit;
	font-size: 13.5px;
	font-weight: 700;
	color: var(--mrd-muted);
	cursor: pointer;
	transition: background 0.15s, color 0.15s;
}
.mrd-auth-tab.is-active { background: var(--mrd-dark); color: #fff; }

.mrd-auth-panel { display: none; }
.mrd-auth-panel.is-active { display: block; }

.mrd-auth-field { margin-bottom: 14px; }
.mrd-auth-field label { display: block; font-weight: 700; font-size: 13px; margin-bottom: 5px; }
.mrd-auth-field input {
	width: 100%;
	padding: 11px 14px;
	border: 1px solid var(--mrd-border);
	border-radius: 8px;
	font-family: inherit;
	font-size: 16px;
	box-sizing: border-box;
}
.mrd-auth-field-hint { display: block; font-size: 11.5px; color: var(--mrd-muted); margin-top: 4px; }

.mrd-auth-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; font-size: 12.5px; }
.mrd-auth-remember { display: flex; align-items: center; gap: 6px; cursor: pointer; }
.mrd-auth-forgot { color: var(--mrd-primary); text-decoration: underline; }

.mrd-auth-submit {
	width: 100%;
	background: var(--mrd-primary);
	color: #fff !important;
	border: none;
	border-radius: 999px;
	padding: 13px;
	font-weight: 700;
	font-size: 14.5px;
	cursor: pointer;
}
.mrd-auth-submit:hover { background: var(--mrd-primary-dark); }

@media (max-width: 480px) {
	.mrd-auth-card { padding: 20px 18px; }
}

/* ------------------------------------------------------------------ */
/* حسابي — لوحة التحكم                                                */
/* ------------------------------------------------------------------ */

.mrd-acct-wrap { display: flex; flex-direction: column; gap: 16px; max-width: 560px; }

.mrd-acct-card {
	background: #fff;
	border: 1px solid var(--mrd-border);
	border-radius: 14px;
	padding: 20px 22px;
}
.mrd-acct-card-title { font-weight: 800; font-size: 14.5px; margin-bottom: 12px; }

.mrd-acct-welcome { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.mrd-acct-welcome-title { font-size: 17px; font-weight: 800; margin-bottom: 4px; }
.mrd-acct-welcome-phone { font-size: 13px; color: var(--mrd-muted); }
.mrd-acct-welcome-count { text-align: center; background: var(--mrd-tint-bg); border-radius: 12px; padding: 10px 16px; flex-shrink: 0; }
.mrd-acct-welcome-count-num { font-size: 20px; font-weight: 800; color: var(--mrd-tint-text); line-height: 1; }
.mrd-acct-welcome-count-label { font-size: 11px; color: var(--mrd-tint-text); margin-top: 2px; }

.mrd-acct-loyalty-bar-track { width: 100%; height: 9px; background: var(--mrd-bg); border-radius: 999px; overflow: hidden; margin-bottom: 8px; }
.mrd-acct-loyalty-bar { display: block; height: 100%; background: var(--mrd-primary); border-radius: 999px; }
.mrd-acct-loyalty-caption { font-size: 12.5px; color: var(--mrd-muted); }
.mrd-acct-loyalty-earned { font-size: 12.5px; color: var(--mrd-primary); font-weight: 700; margin-top: 8px; }

.mrd-acct-latest-order { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.mrd-acct-latest-order-num { font-weight: 800; font-size: 14px; }
.mrd-acct-latest-order-date { font-size: 12px; color: var(--mrd-muted); }
.mrd-acct-link { color: var(--mrd-primary); font-size: 13px; font-weight: 700; text-decoration: underline; }

.mrd-acct-status-badge {
	display: inline-block;
	background: var(--mrd-tint-bg);
	color: var(--mrd-tint-text);
	border-radius: 999px;
	padding: 5px 12px;
	font-size: 11.5px;
	font-weight: 700;
	white-space: nowrap;
}
.mrd-acct-status-cancelled, .mrd-acct-status-failed, .mrd-acct-status-refunded { background: #fbe7e9; color: var(--mrd-danger); }
.mrd-acct-status-completed, .mrd-acct-status-mrd-delivered { background: var(--mrd-tint-bg); color: var(--mrd-tint-text); }

.mrd-acct-quicklinks { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.mrd-acct-quicklink {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	background: #fff;
	border: 1px solid var(--mrd-border);
	border-radius: 12px;
	padding: 16px 10px;
	text-decoration: none !important;
	color: var(--mrd-text) !important;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
}
.mrd-acct-quicklink:hover { border-color: var(--mrd-primary); }
.mrd-acct-quicklink-icon { font-size: 22px; }
.mrd-acct-quicklink-logout { color: var(--mrd-danger) !important; }

/* ------------------------------------------------------------------ */
/* حسابي — طلباتي                                                     */
/* ------------------------------------------------------------------ */

.mrd-acct-orders-list { display: flex; flex-direction: column; gap: 12px; max-width: 560px; }
.mrd-acct-order-card {
	background: #fff;
	border: 1px solid var(--mrd-border);
	border-radius: 14px;
	padding: 18px 20px;
}
.mrd-acct-order-card-top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 10px; }
.mrd-acct-order-card-num { font-weight: 800; font-size: 15px; }
.mrd-acct-order-card-date { font-size: 12px; color: var(--mrd-muted); margin-top: 2px; }
.mrd-acct-order-card-meta { display: flex; align-items: center; justify-content: space-between; font-size: 13px; color: var(--mrd-muted); margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid var(--mrd-border); }
.mrd-acct-order-card-total { font-weight: 800; color: var(--mrd-text); font-size: 14px; }
.mrd-acct-order-card-actions { display: flex; gap: 10px; }

.mrd-acct-order-btn {
	flex: 1;
	text-align: center;
	border-radius: 999px;
	padding: 10px;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none !important;
	cursor: pointer;
}
.mrd-acct-order-btn-outline { border: 1.5px solid var(--mrd-border); color: var(--mrd-text) !important; }
.mrd-acct-order-btn-outline:hover { border-color: var(--mrd-primary); }
.mrd-acct-order-btn-primary { background: var(--mrd-primary); color: #fff !important; border: 1.5px solid var(--mrd-primary); }
.mrd-acct-order-btn-primary:hover { background: var(--mrd-primary-dark); }

.mrd-acct-pagination { display: flex; gap: 10px; margin-top: 14px; max-width: 560px; }

.mrd-acct-empty { text-align: center; padding: 50px 20px; max-width: 400px; margin: 0 auto; }
.mrd-acct-empty-icon { font-size: 40px; margin-bottom: 12px; }
.mrd-acct-empty p { color: var(--mrd-muted); margin-bottom: 18px; }

@media (max-width: 480px) {
	.mrd-acct-welcome { flex-direction: column; align-items: flex-start; }
	.mrd-acct-quicklinks { grid-template-columns: repeat(2, 1fr); }
}

/* ------------------------------------------------------------------ */
/* التنقّل داخل "حسابي" (لوحة التحكم | طلباتي | تفاصيل الحساب...)      */
/* ------------------------------------------------------------------ */

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0 0 24px;
	padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation-link a {
	display: inline-block;
	background: #fff;
	border: 1px solid var(--mrd-border);
	border-radius: 999px;
	padding: 9px 18px;
	font-size: 13px;
	font-weight: 700;
	color: var(--mrd-text);
	text-decoration: none !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a {
	background: var(--mrd-dark);
	border-color: var(--mrd-dark);
	color: #fff;
}
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a {
	color: var(--mrd-danger);
	border-color: #f0bcc2;
}

.woocommerce-account .woocommerce-MyAccount-content { max-width: 640px; }
.woocommerce-account .woocommerce-MyAccount-content h2 { font-size: 17px; font-weight: 800; margin: 0 0 16px; }
.woocommerce-account .woocommerce-MyAccount-content .form-row { margin-bottom: 14px; }
.woocommerce-account .woocommerce-MyAccount-content .form-row label { display: block; font-weight: 700; font-size: 13px; margin-bottom: 5px; }
.woocommerce-account .woocommerce-MyAccount-content fieldset {
	border: 1px solid var(--mrd-border);
	border-radius: 12px;
	padding: 16px;
	margin: 16px 0;
}
.woocommerce-account .woocommerce-MyAccount-content fieldset legend { font-weight: 700; font-size: 13.5px; padding: 0 6px; }
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"] {
	background: var(--mrd-primary);
	color: #fff;
	border: none;
	border-radius: 999px;
	padding: 12px 26px;
	font-weight: 700;
	font-size: 14px;
	cursor: pointer;
}
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:hover { background: var(--mrd-primary-dark); }