/* rtl.css — يتحمّل فقط لما is_rtl() تكون true (يعني بعد ما تفعّلوا Polylang/
   لغة عربية RTL). معظم الملفات التانية استخدمت خصائص CSS منطقية
   (margin-inline, inset-inline-start/end) يلي بتنعكس تلقائيًا بالـRTL، فهاد
   الملف بس للحالات يلي بتحتاج تدخّل يدوي إضافي. */

body.rtl { direction: rtl; }

/* Storefront القديم بيستخدم float فيزيائي بأماكن قليلة — نتأكد ما يضل معلّق */
body.rtl .site-content,
body.rtl .content-area,
body.rtl .widget-area {
	float: none;
}

/* الشعار وسط الهيدر، وترتيب flex الطبيعي (row) بينعكس تلقائيًا مع dir=rtl،
   فما في داعي نلمس .mlb-header-inner هون. بس نتأكد الأيقونات تبقى بنفس
   الاتجاه البصري المطلوب (مو معكوسة عالعكس). */
body.rtl .mlb-icon-search,
body.rtl .mlb-icon-user,
body.rtl .mlb-icon-bag,
body.rtl .mlb-icon-menu {
	transform: none; /* هاي الأيقونات متناظرة أصلًا، ما بتحتاج flip */
}

/* شارة onsale/الخصم و badge المخزون على بطاقة المنتج بيتصرفوا تلقائيًا لأننا
   استخدمنا inset-inline-*، فهون بس تثبيت احتياطي بحال أي مكتبة WooCommerce
   إضافية فرضت left/right فيزيائي. */
body.rtl .woocommerce span.onsale { right: auto; left: 10px; }
body.rtl .mlb-product-card .mlb-sale-badge { right: auto; left: 10px; }
body.rtl .mlb-product-card .mlb-stock-badge { left: auto; right: 10px; }

/* حقول الفورم (Checkout/My Account): محاذاة نص يمين تلقائيًا مع dir=rtl،
   بس select/number inputs أحيانًا بتحتاج تثبيت اتجاه الأرقام LTR جوا حقل RTL
   (رقم هاتف مثلاً) — هاي حالة شائعة بمتاجر لبنان/عربي. */
.woocommerce form .form-row input[type="tel"],
.woocommerce form .form-row input[type="number"] {
	direction: ltr;
	text-align: right;
}

/* الفوتر: أعمدة الشبكة تنعكس تلقائيًا (grid يتبع الاتجاه)، فقط نتأكد النص
   والعناوين محاذاة صحيحة. */
body.rtl .mlb-footer-col,
body.rtl .mlb-footer-brand,
body.rtl .mlb-footer-newsletter {
	text-align: right;
}