/* الصفحات الانجليزية (dir=ltr): عكس القواعد المكتوبة لاتجاه واحد في ملفات التصميم، بدون تعديل ملفات القالب نفسها.
   يحمل فقط عندما تكون لغة الصفحة en. */

/* landing.css يفرض direction: rtl على body وبعض العناصر */
html[dir="ltr"] body,
html[dir="ltr"] .apply-section,
html[dir="ltr"] .step-indicator,
html[dir="ltr"] .email-input-group,
html[dir="ltr"] .form-section-title,
html[dir="ltr"] .form-group,
html[dir="ltr"] .form-control-custom,
html[dir="ltr"] .radio-group,
html[dir="ltr"] .radio-item,
html[dir="ltr"] .row-2col,
html[dir="ltr"] .toast-msg,
html[dir="ltr"] .profile-section,
html[dir="ltr"] .add-comment-form textarea { direction: ltr; }
html[dir="ltr"] body { text-align: left; }

/* landing.css */
html[dir="ltr"] .lp-dash-lbl { margin-right: 0; margin-left: auto; }
html[dir="ltr"] .lp-dash-bar-lbl,
html[dir="ltr"] .apply-section,
html[dir="ltr"] .form-section-title,
html[dir="ltr"] .form-group,
html[dir="ltr"] .form-group label,
html[dir="ltr"] .form-control-custom,
html[dir="ltr"] .invalid-feedback-custom,
html[dir="ltr"] .toast-msg,
html[dir="ltr"] .profile-section,
html[dir="ltr"] .add-comment-form textarea { text-align: left; }
html[dir="ltr"] select.form-control-custom { padding-left: .9rem; padding-right: 2.5rem; background-position: right .75rem center; }
html[dir="ltr"] .required-badge,
html[dir="ltr"] .btn-remove-attach { margin-right: 0; margin-left: var(--spacing-xs); }
html[dir="ltr"] .select-pro { padding-left: .75rem; padding-right: 40px; }

/* afaq-ui.css: شريط حالة الطلب على جهة نهاية السطر، وخط المراحل في المنتصف */
html[dir="ltr"] .afq-req { border-left: 1px solid var(--afq-line); border-right: 4px solid var(--afq-300); }
html[dir="ltr"] .afq-req.is-ok { border-right-color: var(--afq-600); }
html[dir="ltr"] .afq-req.is-danger { border-right-color: #d92d20; }
html[dir="ltr"] .afq-req.is-info { border-right-color: #2e90fa; }
html[dir="ltr"] .afq-req.is-wait { border-right-color: var(--afq-gold-500); }
html[dir="ltr"] .afq-timeline::before { transform: translateX(-50%); }

/* tarmeez-pages.css: عنوان سؤال الاستبيان */
html[dir="ltr"] .tzx-q-title { float: left; }

/* اسهم الاتجاه تعكس حسب اتجاه العنصر الفعلي (:dir يحسب dir="auto" ايضا)، فقائمة روابط عربية داخل صفحة انجليزية تبقى صحيحة */
.bi-arrow-right:dir(ltr)::before,
.bi-arrow-left:dir(ltr)::before,
.bi-chevron-left:dir(ltr)::before,
.bi-chevron-right:dir(ltr)::before,
.bi-box-arrow-left:dir(ltr)::before,
.bi-box-arrow-in-left:dir(ltr)::before,
.bi-box-arrow-up-left:dir(ltr)::before { transform: scaleX(-1); }