/* =========================================================
   FOS7TY FRONTEND — RTL OVERRIDES
   ---------------------------------------------------------
   معظم التنسيقات بتتعامل تلقائيًا مع RTL بسبب استخدام
   flex و grid. الملف ده بس للحاجات اللي فعلاً محتاجة تعديل.
   ========================================================= */

/* ---------------------------------------------------------
   1. Breadcrumb separator — "›" يقلب لـ "‹" في RTL
   --------------------------------------------------------- */
body.rtl .fos7ty-hero-breadcrumb .fos7ty-sep,
body.rtl .fos7ty-archive-breadcrumb .fos7ty-sep {
    transform: scaleX(-1);
    display: inline-block;
    margin: 0 8px;
}

/* ---------------------------------------------------------
   2. Map link icon — سهم الإكستيرنال يتقلب
   --------------------------------------------------------- */
body.rtl .fos7ty-map-link .dashicons-external,
body.rtl .fos7ty-hotel-links .dashicons-external {
    transform: scaleX(-1);
}

/* ---------------------------------------------------------
   3. البوكسات اللي فيها border على جنب — تفضل على اليمين
   السبب: في العربي، الاتجاه من اليمين لليسار، فالحد
   على اليمين يعتبر "بداية" المحتوى وهو الأنسب بصريًا.
   --------------------------------------------------------- */
/* (لا يوجد تعديل — border-right يعمل صح في RTL) */

/* ---------------------------------------------------------
   4. Sticky sidebar — compensation للـ scrollbar
   --------------------------------------------------------- */
body.rtl .fos7ty-booking-box {
    direction: rtl;
}

/* ---------------------------------------------------------
   5. Itinerary day summary — flexbox بيتعامل تلقائيًا
   --------------------------------------------------------- */
/* (لا يوجد تعديل مطلوب) */

/* ---------------------------------------------------------
   6. Quick info items — flexbox بيتعامل تلقائيًا
   --------------------------------------------------------- */
/* (لا يوجد تعديل مطلوب) */

/* ---------------------------------------------------------
   7. Buttons with icons — الأيقونة تكون على اليمين
   --------------------------------------------------------- */
body.rtl .fos7ty-btn {
    flex-direction: row;
    /* flex-direction: row في RTL = أيقونة على اليمين تلقائيًا */
}

/* ---------------------------------------------------------
   8. Hotel card — أيقونة الفندق على اليمين
   --------------------------------------------------------- */
/* (flexbox بيتعامل تلقائيًا) */

/* ---------------------------------------------------------
   9. Cancellation box — الحد على اليمين (طبيعي في RTL)
   --------------------------------------------------------- */
/* (لا يوجد تعديل مطلوب) */

/* ---------------------------------------------------------
   10. Meals box — أيقونة الطعام على اليمين
   --------------------------------------------------------- */
/* (flexbox بيتعامل تلقائيًا) */
/* ---------------------------------------------------------
   TRANSFER — Route Arrow
   --------------------------------------------------------- */
body.rtl .fos7ty-route-arrow .dashicons-arrow-left-alt2 {
    transform: scaleX(-1);
}

@media (max-width: 640px) {
    body.rtl .fos7ty-route-arrow {
        transform: rotate(90deg);
    }
}
/* ---------------------------------------------------------
   ARCHIVE — RTL
   --------------------------------------------------------- */

body.rtl .fos7ty-card-image .fos7ty-badge {
    right: auto;
    left: 12px;
}

body.rtl .fos7ty-card-cta {
    direction: rtl;
}
/* ---------------------------------------------------------
   GROUPED LISTING — RTL
   --------------------------------------------------------- */
body.rtl .fos7ty-btn-outline .dashicons-arrow-left-alt2 {
    transform: scaleX(-1);
}
/* ---------------------------------------------------------
   HOMEPAGE SHORTCODES — RTL
   --------------------------------------------------------- */
body.rtl .fos7ty-category-arrow,
body.rtl .fos7ty-section-link .dashicons-arrow-left-alt2 {
    transform: scaleX(-1);
}

body.rtl .fos7ty-category-card:hover .fos7ty-category-arrow {
    transform: scaleX(-1) translateX(4px);
}