/* ============================================================================
   RTL overrides for the Turie template — loaded only when dir="rtl" (Arabic).
   Turie / Bootstrap are authored LTR; this mirrors the components the B2C
   pages actually use.
   ========================================================================== */

[dir="rtl"] body { font-family: var(--ft-ff-ar); }
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4,[dir="rtl"] h5,
[dir="rtl"] .tp-tour-title,[dir="rtl"] .ft-hero-6-title { font-family: var(--ft-ff-ar); }

/* Bootstrap physical spacing utilities used in markup */
[dir="rtl"] .mr-5  { margin-right: 0 !important; margin-left: 5px !important; }
[dir="rtl"] .mr-10 { margin-right: 0 !important; margin-left: 10px !important; }
[dir="rtl"] .ml-10 { margin-left: 0 !important; margin-right: 10px !important; }
[dir="rtl"] .ml-20 { margin-left: 0 !important; margin-right: 20px !important; }
[dir="rtl"] .text-lg-center { text-align: center !important; }

/* Header */
[dir="rtl"] .tp-header-option { justify-content: flex-start !important; }

/* Dropdown / megamenu — Turie anchors sub-menus with left:0, which throws them
   off the right edge in RTL (the nav sits on the right). Anchor to the right
   edge of the parent item so they open leftward into the page instead. */
[dir="rtl"] .tp-menu-dropdown nav ul li .sub-menu { left: auto; right: 0; }
[dir="rtl"] .tp-menu-dropdown nav ul li .sub-menu li .sub-menu {
  left: auto; right: 100%; transform: translateX(-10px);
}
[dir="rtl"] .tp-menu-dropdown nav ul li:hover > .sub-menu { transform: translateX(0); }
/* The Destinations megamenu is wider than its nav item; anchoring its right
   edge to the item lets it open leftward into the page instead of overflowing. */
[dir="rtl"] .tp-megamenu-wrapper { left: auto; right: 0; }
[dir="rtl"] .tp-megamenu-list ul li a { flex-direction: row-reverse; text-align: right; }
[dir="rtl"] .tp-megamenu-list-content { text-align: right; }

/* Hero */
[dir="rtl"] .ft-hero-scrim { background: linear-gradient(180deg, rgba(22,19,14,.28), rgba(22,19,14,.55)); }

/* Booking bar */
[dir="rtl"] .ft-booking form { flex-direction: row-reverse; }
[dir="rtl"] .ft-booking label { text-align: right; }

/* Tour cards */
[dir="rtl"] .tp-tour-badge { left: auto; right: 16px; }
[dir="rtl"] .tp-tour-media-meta { right: auto; left: 16px; }
[dir="rtl"] .tp-tour-info span svg,
[dir="rtl"] .tp-tour-info span i { margin-left: 6px; margin-right: 0; }
[dir="rtl"] .tp-tour-suffix { margin-left: 0; margin-right: 4px; }
[dir="rtl"] .tp-tour-btn .tp-btn-sm svg { transform: scaleX(-1); }
[dir="rtl"] .tp-tour-footer { flex-direction: row-reverse; }

/* Prices stay LTR regardless */
[dir="rtl"] .ft-amount { direction: ltr; unicode-bidi: isolate; }

/* Filter offcanvas → slide in from the right */
[dir="rtl"] .tp-filter-offcanvas-area {
  left: auto; right: 0;
  transform: translateX(calc(100% + 80px));
}
[dir="rtl"] .tp-filter-offcanvas-area.offcanvas-opened { transform: translateX(0); }
[dir="rtl"] .tp-filter-offcanvas-close-btn i,
[dir="rtl"] .tp-filter-offcanvas-close-btn { flex-direction: row-reverse; }
[dir="rtl"] .tp-filter-top { flex-direction: row-reverse; }
[dir="rtl"] .ft-radio-list label,
[dir="rtl"] .checkbox-item label { flex-direction: row-reverse; text-align: right; }

/* Filter chips */
[dir="rtl"] .ft-chip { flex-direction: row-reverse; }

/* Back to top → left side */
[dir="rtl"] .back-to-top-wrapper { right: auto; left: 50px; }
@media (max-width: 767px) {
  [dir="rtl"] .back-to-top-wrapper { left: 20px; }
}

/* Footer */
[dir="rtl"] .tp-footer-area .container { text-align: right; }

/* Offcanvas mobile menu slides from right */
[dir="rtl"] .tp-offcanvas { left: auto; right: 0; transform: translateX(100%); }
[dir="rtl"] .tp-offcanvas.tp-offcanvas-open { transform: translateX(0); }