/* ==========================================================================
   BLAZMA — RTL / LTR adjustments
   معظم التخطيط يعتمد على الخصائص المنطقية (inset-inline / margin-inline)
   هذا الملف يعالج الحالات التي لا تُعكس تلقائياً: الأيقونات الاتجاهية والرسوم.
   ========================================================================== */

/* الأيقونات الاتجاهية تُعكس في RTL */
html[dir="rtl"] .icon-flip { transform: scaleX(-1); }
html[dir="ltr"] .icon-flip-ltr { transform: scaleX(-1); }

/* الأسهم داخل الأزرار */
html[dir="rtl"] .btn > svg.arrow,
html[dir="rtl"] .nav-link > svg.arrow,
html[dir="rtl"] .dd-item > svg.arrow { transform: scaleX(-1); }

/* الأرقام والأسعار والمفاتيح تبقى LTR دائماً */
.price, .price-now, .price-old, .num, .keybox, .otp-inputs,
.mono, code, kbd, .wallet-balance, .rating-big, .cd-unit b, .error-code {
  direction: ltr;
  unicode-bidi: isolate;
}
html[dir="rtl"] .price { flex-direction: row-reverse; justify-content: flex-end; }
html[dir="rtl"] .stat-value,
html[dir="rtl"] .hero-stat b,
html[dir="rtl"] .seller-metric b,
html[dir="rtl"] .scard-stat b { direction: ltr; unicode-bidi: isolate; text-align: start; }

/* الجداول: المحاذاة تتبع الاتجاه تلقائياً عبر text-align:start */
html[dir="rtl"] .table .cell-actions { justify-content: flex-start; }

/* الرسوم البيانية تبقى بالاتجاه الطبيعي (زمن يسار←يمين) */
.chart, .chart svg { direction: ltr; }
html[dir="rtl"] .chart-legend { direction: rtl; }

/* شريط التقدم الأفقي يملأ من الجهة الصحيحة */
html[dir="rtl"] .progress-bar, html[dir="rtl"] .chart-bar-fill { margin-inline-start: auto; }

/* الصور تبقى كما هي — لا تُعكس أبداً */
img, .pcard-media img, .pdp-main img, .avatar img { transform: none !important; }

/* حقول الإدخال ذات المحتوى اللاتيني */
input[type="email"], input[type="url"], input[type="tel"], input[type="number"],
input[dir="ltr"], .input-ltr {
  direction: ltr; text-align: start;
}
html[dir="rtl"] input[type="email"], html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="tel"], html[dir="rtl"] input[type="number"],
html[dir="rtl"] input[dir="ltr"], html[dir="rtl"] .input-ltr { text-align: right; }

/* شرائح البحث */
html[dir="rtl"] .search-box > svg { transform: scaleX(-1); }

/* تحسين تباعد الحروف للنص العربي */
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4 { letter-spacing: 0; }
html[dir="rtl"] .eyebrow, html[dir="rtl"] .dash-group-title,
html[dir="rtl"] .table thead th, html[dir="rtl"] .logo-text span { letter-spacing: .02em; }
html[dir="rtl"] .fw-black, html[dir="rtl"] .btn { letter-spacing: 0; }

/* الخط العربي يحتاج ارتفاع سطر أكبر قليلاً */
html[dir="rtl"] body { line-height: 1.8; }
html[dir="rtl"] .prose { line-height: 2; }