/* ═══════════════════════════════════════════════════════════ ltr.css — تصحيحات الاتجاه لوضع الإنجليزي فقط يُحمّل فقط عندما (أي عند اختيار الإنجليزي). لا يؤثر على العربي إطلاقاً. الفكرة: الموقع مبني بـ RTL، وبعض الأقسام فيها direction:rtl أو خصائص اتجاهية ثابتة تمنع الانعكاس التلقائي. هنا نعكسها. ═══════════════════════════════════════════════════════════ */ /* ── 1) القاعدة العامة: نفرض LTR على الحاويات اللي ثبّتت rtl ── */ /* نستخدم !important لأن ستايل كل صفحة inline يأتي بعد هذا الملف */ html[dir="ltr"] .hm, html[dir="ltr"] .hm .hm-sys-label, html[dir="ltr"] .cta2, html[dir="ltr"] body { direction: ltr !important; } /* ── 2) محاذاة النص: كل ما كان يمين يصير يسار ── */ html[dir="ltr"] .hm .hm-sec-head-row, html[dir="ltr"] .hm .hm-faq-q, html[dir="ltr"] .faq-home-q, html[dir="ltr"] .faq-public-q { text-align: left; } /* ── 3) الهوامش الاتجاهية: نعكس margin-right ── */ /* صفوف الأفاتار (تراكب) */ html[dir="ltr"] .hm .hm-trust-avatars span, html[dir="ltr"] .hero-trust-avatars span { margin-right: 0; margin-left: -10px; } /* شارة "مباشر" — كانت تُدفع لليسار بـ margin-right:auto، نعكسها */ html[dir="ltr"] .hm .hm-dcard-live { margin-right: 0; margin-left: auto; } /* ── 4) السهم في الأزرار: في RTL يشير لليسار (←)، في LTR للعكس ── */ /* نقلب السهم أفقياً ليشير للاتجاه الصحيح */ html[dir="ltr"] .hm-arr, html[dir="ltr"] .cta2-arr, html[dir="ltr"] .arr { display: inline-block; transform: scaleX(-1); } /* ── 5) عناصر الفوتر اللي تحاذي يمين ── */ html[dir="ltr"] .footer-bottom { text-align: left; } /* ── 6) شريط شعارات العملاء (marquee) ── */ /* في RTL يتحرك بـ translateX(50%) لليمين. في LTR نعكس الاتجاه حتى لا يطلع الشريط خارج الإطار ويبدو متخبّطاً. */ html[dir="ltr"] .hm .hm-clients-track { animation-name: hmMarqueeLTR; } @keyframes hmMarqueeLTR { from { transform: translateX(0); } to { transform: translateX(-50%); } } /* ── 7) قسم الخدمات (sticky scroll) ── */ /* نقاط التقدّم: في RTL على اليسار، في LTR نخليها يمين لئلا تتداخل مع المحتوى */ html[dir="ltr"] .hm .hm-jisr-progress { left: auto; right: 56px; } /* الوسم والمحتوى: محاذاة البداية تتبع LTR تلقائياً، نضمن النص يسار */ html[dir="ltr"] .hm .hm-jisr-content { text-align: left; } /* ── 8) صفحة "من نحن" (.ab) ── */ /* الحاوية الرئيسية ثبّتت rtl — نفرض ltr */ html[dir="ltr"] .ab { direction: ltr !important; } /* معلومات الفوتر كانت تحاذي يمين */ html[dir="ltr"] .ab .ab-f-info { text-align: left; } /* عنوان شريط التقدّم: كان يُدفع بـ margin-right:auto، نعكسه */ html[dir="ltr"] .ab .ab-sc-title { margin-right: 0; margin-left: auto; } /* الخط الزمني: العناصر تبدأ من اليمين (right:0) — نعكسها لتبدأ يسار */ html[dir="ltr"] .ab .ab-tl-fill, html[dir="ltr"] .ab .ab-tl-dot { right: auto; left: 0; } /* ── 9) صفحات الخدمات السبع (حاويات معزولة بـ direction:rtl) ── */ /* ملاحظة: ستايل كل صفحة مكتوب inline داخلها (يأتي بعد هذا الملف في ترتيب الصفحة)، لذا نستخدم !important لضمان فوز قاعدة LTR. */ html[dir="ltr"] .sv, /* الأنظمة الإدارية */ html[dir="ltr"] .fn, /* الأنظمة المالية */ html[dir="ltr"] .tk, /* أنظمة التذاكر */ html[dir="ltr"] .wb, /* المواقع التعريفية */ html[dir="ltr"] .dz, /* التصميم والمونتاج */ html[dir="ltr"] .ev, /* إدارة الفعاليات */ html[dir="ltr"] .ai { /* أنظمة الذكاء الصناعي */ direction: ltr !important; } html[dir="ltr"] .dz .dz-lb-info { direction: ltr !important; } /* ── 10) باقي الصفحات (حاويات معزولة) ── */ html[dir="ltr"] .wk, /* أعمالنا (work) */ html[dir="ltr"] .ind, /* القطاعات (industries) */ html[dir="ltr"] .ip, /* المدونة (insights) */ html[dir="ltr"] .awp, /* الجوائز (awards) */ html[dir="ltr"] .gp, /* صفحات عامة: partners/case-studies/downloads/help/status */ html[dir="ltr"] .sm, /* خريطة الموقع (sitemap) */ html[dir="ltr"] .lg, /* القانونية: privacy/terms/cookies */ html[dir="ltr"] .ap, /* المقال (article) */ html[dir="ltr"] .pj, /* المشروع (project) */ html[dir="ltr"] .ct2, /* تواصل (contact) */ html[dir="ltr"] .cr, /* الوظائف (careers) */ html[dir="ltr"] .fqp { /* الأسئلة الشائعة (faq) */ direction: ltr !important; } /* أسئلة faq: زر السؤال يحاذي يمين — نعكسه */ html[dir="ltr"] .fqp .fqp-q { text-align: left; } /* ── 11) صفحات تسجيل الدخول (auth) ── */ /* لها خاص بها (login-page) وقد تعتمد على dir الموروث */ html[dir="ltr"] body.login-page { direction: ltr !important; } /* ═══════════════════════════════════════════════════════════ ملاحظة: معظم التخطيط (flexbox/grid) ينعكس تلقائياً مع dir="ltr". لو لقيت قسماً لم ينقلب، أضف قاعدته هنا تحت — بنفس النمط: html[dir="ltr"] .اسم-الكلاس { ... } ═══════════════════════════════════════════════════════════ */