/* ================================================================
   قلب الاتجاه للفرنسية والإنجليزية (LTR)
   ------------------------------------------------------------------
   هذا الملف يُحمَّل فقط عند tr_html_dir_attr() === 'ltr'، بعد
   style.css الأصلي، فيعكس فقط القواعد التي فحصناها ووجدنا أنها
   فعلاً غير متماثلة (شارات فوق الصور، أسهم، محاذاة نص). باقي القالب
   مبني على flex فينعكس تلقائياً بلا أي تعديل هنا.

   لا تُعدِّل style.css مباشرة — أضف أي إصلاح إضافي هنا فقط، ليبقى
   بالإمكان مراجعة كل تغييرات الاتجاه في ملف واحد منفصل وواضح.
   ================================================================ */

/* شارات فوق صور بطاقات العروض */
html[dir="ltr"] .card-discount     { right: auto; left: 10px; }
html[dir="ltr"] .card-fav          { left: auto; right: 10px; }
html[dir="ltr"] .card-type-badge   { left: auto; right: 10px; }
html[dir="ltr"] .card-closed-badge { right: auto; left: 10px; }

/* جرس الإشعارات — الرقم الأحمر الصغير */
html[dir="ltr"] .header-icon-btn .badge { right: auto; left: -2px; }

/* شارة الخصم داخل معرض الصور، وزرا الرجوع والمفضلة فوق الصور */
html[dir="ltr"] .gallery-discount-badge { right: auto; left: 16px; }
html[dir="ltr"] .gallery-back-btn       { right: auto; left: var(--sp-md); }
html[dir="ltr"] .gallery-fav-btn        { left: auto; right: var(--sp-md); }
html[dir="ltr"] .gallery-expand-btn     { left: auto; right: 12px; }

/* زر إغلاق معرض الصور بملء الشاشة (Lightbox) */
html[dir="ltr"] .tr-lb-close { right: auto; left: 14px; }

/* سهم القائمة المنسدلة داخل الفلاتر */
html[dir="ltr"] .filter-select-arrow { left: auto; right: 14px; transform: translateY(-50%) rotate(90deg); }
html[dir="ltr"] .filter-select       { text-align: left; direction: ltr; }

/* خانة كتابة التعليق في نافذة التقييم */
html[dir="ltr"] .tr-review-textarea { direction: ltr; }

/* أسهم "‹" داخل صفوف قائمة الحساب — هذه حرف نصي مباشر داخل <span>،
   وليست SVG (تصحيح: محاولة سابقة استهدفت svg فرعي غير موجود، فلم
   تعمل إطلاقاً). قلب الحرف نفسه بصرياً بـ scaleX يحوّله إلى الشكل
   الصحيح "›" دون تغيير الحرف المكتوب في PHP. الهامش نفسه أصبح
   خاصية منطقية (margin-inline-start) مباشرة في style.css، فلا
   حاجة لتكراره هنا. */
html[dir="ltr"] .profile-menu-item .menu-arrow {
    display: inline-block;
    transform: scaleX(-1);
}

/* أسهم SVG المتفرقة (صفوف "ملفي الشخصي"، "تواصل معنا") — نفس مشكلة
   الاتجاه، لكنها رسمة لا حرف. class="tr-chevron" أُضيفت لها يدوياً
   في PHP للتمييز، وهامشها أصبح أيضاً خاصية منطقية مباشرة هناك. */
html[dir="ltr"] .tr-chevron {
    transform: scaleX(-1);
}

/* نفس مشكلة الأسهم، في فتات الخبز (breadcrumb) وأزرار الترقيم */
html[dir="ltr"] .tax-breadcrumb-sep,
html[dir="ltr"] .tr-pagi .prev,
html[dir="ltr"] .tr-pagi .next {
    display: inline-block;
    transform: scaleX(-1);
}

/* حبة اختيار الحي فوق الخريطة، والقائمة المنسدلة أسفلها */
html[dir="ltr"] .hood-pill-wrap { left: auto; right: var(--sp-md); }
html[dir="ltr"] .hood-dropdown  { left: auto; right: 0; }

/* نموذج حجز الزائر — محاذاة النص والتسميات */
html[dir="ltr"] .tr-booking-guest-row,
html[dir="ltr"] .tr-booking-guest-fields,
html[dir="ltr"] .tr-booking-label,
html[dir="ltr"] .tr-booking-error {
    text-align: left;
}

/* أسهم الرجوع "›" المستعملة في أماكن متفرقة (المفضلة، لوحة التاجر...)
   تحتاج انعكاساً بصرياً لأنها SVG برأس سهم باتجاه واحد */
html[dir="ltr"] .tr-back-arrow,
html[dir="ltr"] [class*="-back-btn"] svg {
    transform: scaleX(-1);
}