/* =============================================================
   طبقة LTR — تُحمّل للّغة التركية فقط (header.php عند !IS_RTL)
   تتجاوز قواعد RTL في style.css / index.css / pages.css دون المساس بها.
   كل المحدّدات مسبوقة بـ html[dir="ltr"] لرفع الأولوية وعزل التأثير عن العربية.

   المبدأ: التصميم معتمد على Flexbox/Grid + خصائص منطقية، فالمحوّل الأساسي
   هو direction. ما تبقّى عناصر مُموضَعة فيزيائياً (left/right) نعكسها يدوياً.
   نتجاهل: القضبان كاملة العرض (left:0;right:0)، والعناصر المركزية
   (left:50%+translateX)، والتدرّجات المحايدة للاتجاه.
   ============================================================= */

/* ---- المفتاح الأساسي: قلب اتجاه الكتابة بالكامل ---- */
html[dir="ltr"] {
    direction: ltr;
}

/* ===================== من style.css ===================== */

/* النافبار: مسافة أيقونات التواصل */
html[dir="ltr"] .navbar-social {
    margin-right: 0;
    margin-left: 40px;
}

/* تسطير عنوان الفوتر */
html[dir="ltr"] .footer-heading::after {
    right: auto;
    left: 0;
}

/* سهم روابط الفوتر يشير لليمين في LTR */
html[dir="ltr"] .footer-links a::before {
    content: '\f105';
}
html[dir="ltr"] .footer-links a:hover {
    transform: translateX(5px);
}

/* زر العودة للأعلى → يمين أسفل الشاشة */
html[dir="ltr"] .scroll-top-btn {
    left: auto;
    right: 30px;
}

/* أشكال زخرفية */
html[dir="ltr"] .deco-shape-1 { right: auto; left: -80px; }
html[dir="ltr"] .deco-shape-2 { left: auto; right: -60px; }
html[dir="ltr"] .deco-shape-3 { left: auto; right: 10%; }
html[dir="ltr"] .deco-lines::before { right: auto; left: -100px; }
html[dir="ltr"] .deco-lines::after { left: auto; right: -100px; }
html[dir="ltr"] .footer-main::before { left: auto; right: -100px; }
html[dir="ltr"] .footer-main::after { right: auto; left: -50px; }

/* كشف الزر ذو الإطار من الجهة الصحيحة */
html[dir="ltr"] .btn-outline-custom::before { transform-origin: left; }
html[dir="ltr"] .btn-outline-custom:hover::before { transform-origin: right; }

/* سهم عناصر قائمة "خدماتنا": في LTR يكون النص أولاً (يسار) ثم السهم (يمين) */
html[dir="ltr"] .dropdown-menu-animated .dropdown-item > i.fa-chevron-left {
    order: 2;
    margin-left: auto;
}

/* ===== الأسهم الاتجاهية المضمّنة: تُبدَّل لنظيرتها المعاكسة في LTR =====
   نبدّل حرف أيقونة Font Awesome نفسه (لا scaleX) تفادياً للتعارض مع حركات hover.
   يشمل: فاصل مسار التنقّل، «اقرأ المزيد»، أسهم الشريط الجانبي، أزرار الترقيم والرجوع.
   يستهدف عناصر <i> فقط فلا يمسّ أسهم الفوتر الزخرفية (::before على <a>). */
html[dir="ltr"] i.fa-chevron-left::before  { content: "\f054"; } /* ← chevron-right */
html[dir="ltr"] i.fa-chevron-right::before { content: "\f053"; } /* ← chevron-left  */
html[dir="ltr"] i.fa-arrow-left::before    { content: "\f061"; } /* ← arrow-right   */
html[dir="ltr"] i.fa-arrow-right::before   { content: "\f060"; } /* ← arrow-left    */
html[dir="ltr"] i.fa-angle-left::before    { content: "\f105"; } /* ← angle-right   */
html[dir="ltr"] i.fa-angle-right::before   { content: "\f104"; } /* ← angle-left    */

/* ===================== من index.css ===================== */

html[dir="ltr"] .hero-section::before { right: auto; left: -150px; }
html[dir="ltr"] .post-mini-card::before { right: auto; left: 0; }
html[dir="ltr"] .quick-nav-card::before { transform-origin: left; }
html[dir="ltr"] .quick-nav-card::after { left: auto; right: -40px; }
html[dir="ltr"] .quotes-section::before { left: auto; right: 5%; }
html[dir="ltr"] .publications-section::before { right: auto; left: -80px; }
html[dir="ltr"] .latest-posts-more:hover i { transform: translateX(4px); }

/* تسطير "اقرأ المزيد" ينمو من اليسار */
html[dir="ltr"] .meeting-read-more::after { right: auto; left: 0; }

/* دوائر بطاقة "شاهد الكل" الزخرفية */
html[dir="ltr"] .meeting-more-card::before { left: auto; right: -80px; }
html[dir="ltr"] .meeting-more-card::after { right: auto; left: -60px; }
html[dir="ltr"] .meeting-more-card:hover::before { transform: scale(1.5) translate(-20px, 20px); }
html[dir="ltr"] .meeting-more-card:hover::after { transform: scale(1.5) translate(20px, -20px); }

/* ===================== من pages.css ===================== */

/* مسافة عنوان المشاركة */
html[dir="ltr"] .post-share-label {
    margin-left: 0;
    margin-right: 4px;
}

/* أسهم الشريط الجانبي تُدفع لطرف LTR وتتحرك يميناً */
html[dir="ltr"] .sec-box-arrow,
html[dir="ltr"] .sidebar-nav-arrow {
    margin-right: 0;
    margin-left: auto;
}
html[dir="ltr"] .sec-box-parent:hover .sec-box-arrow,
html[dir="ltr"] .sec-box-child:hover .sec-box-arrow,
html[dir="ltr"] .sidebar-nav-link:hover .sidebar-nav-arrow {
    transform: translateX(3px);
}

/* شارة نوع المحتوى → الزاوية المقابلة */
html[dir="ltr"] .listing-card-img .type-badge { left: auto; right: 12px; }

/* شريط لون بطاقة القسم الفرعي → الحافة اليسرى */
html[dir="ltr"] .subsection-card::before {
    right: auto;
    left: 0;
    border-radius: 4px 0 0 4px;
}
html[dir="ltr"] .subsection-card:hover {
    transform: translateY(-8px) translateX(3px);
}

/* صفحة من نحن */
html[dir="ltr"] .about-intro::before { right: auto; left: 0; }
html[dir="ltr"] .about-text h3::after { right: auto; left: 0; }
html[dir="ltr"] .vision-card::before { transform-origin: left; }
html[dir="ltr"] .vision-card:hover::before { transform-origin: right; }
html[dir="ltr"] .vision-card::after { right: auto; left: -50%; }

/* بطاقات المكاتب: شريط اللون والتعبئة والأيقونة */
html[dir="ltr"] .office-card {
    border-right: 0;
    border-left: 4px solid var(--primary);
}
html[dir="ltr"] .office-card::before {
    right: auto;
    left: 0;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 0.04), transparent);
}
html[dir="ltr"] .office-card::after { left: auto; right: 15px; }
html[dir="ltr"] .office-card:hover {
    transform: translateY(-6px) translateX(4px);
    border-left-color: var(--primary-light);
}

/* بطاقة المقر الرئيسي الفاخرة */
html[dir="ltr"] .office-hero-panel::after { right: auto; left: -32px; }
html[dir="ltr"] .office-hero-address {
    border-right: 0;
    border-left: 3px solid var(--primary);
}

/* ===================== استعلامات الوسائط ===================== */
@media (max-width: 767.98px) {
    html[dir="ltr"] .latest-posts-more:hover i { transform: translateX(5px); }
    html[dir="ltr"] .post-share-label {
        margin-left: 0;
        margin-right: 6px;
    }
}