/* RTL overrides for the Arabic destination / itinerary / experience pages.
   Loaded after dest.css / itin.css / exp.css, which are written LTR-first.
   Only rules that are actually direction-sensitive are flipped here. */

body { direction: rtl; }

/* Arabic web type: the Latin display faces have no Arabic coverage, so fall
   back to the system Arabic stack and relax line-height for the taller glyphs. */
body,
h1, h2, h3, h4,
.logo, .section-title, .dest-hero-content h1,
.hotel-name, .attract-name, .todo-name,
.it-day-title, .act-title {
  font-family: "Noto Naskh Arabic", "Geeza Pro", "Segoe UI", Tahoma, sans-serif;
}
body { line-height: 1.9; }

/* ---- progress bar runs from the right ---- */
#progress-bar { left: auto; right: 0; }

/* ---- hero fact strip sits on the left in RTL ---- */
.dest-quick-facts { right: auto; left: 5rem; border-radius: 16px 16px 0 0; }
.fact { border-right: none; border-left: 1px solid rgba(0,0,0,.08); }
.fact:last-child { border-left: none; }

/* ---- info bar dividers ---- */
.info-item { border-right: none; border-left: 1px solid rgba(255,255,255,.1); }
.info-item:last-child { border-left: none; }

/* ---- itinerary stat strip dividers ---- */
.it-stat { border-right: none; border-left: 1px solid var(--navy); }
.it-stat:last-child { border-left: none; }

/* ---- footer link hover nudge goes the other way ---- */
.sf-col ul a { transition: color .2s, padding-right .2s; }
.sf-col ul a:hover { padding-left: 0; padding-right: .35rem; }

/* ---- centred absolute elements: translateX must be mirrored ---- */
.sf-bg-word { left: 50%; transform: translateX(-50%); }

/* ---- badges / pills pinned to a corner ---- */
.exp-card-badge, .pkg-card-badge, .act-badge { left: auto; right: .75rem; }
.itin-card-badge { left: auto; right: 1rem; }

/* ---- experience gallery arrow ---- */
.exp-gallery-prev, .gallery-arrow-left { left: auto; right: 1rem; transform: translateY(-50%) scaleX(-1); }

/* ---- itinerary day timeline rail ---- */
.it-days::before, .it-timeline-rail { left: auto; right: 39px; }

/* ---- "auto" margins that push an element to one edge ---- */
.it-transfer-box-price { margin-left: 0; margin-right: auto; }

/* ---- mobile nav overlay ---- */
@media (max-width: 900px) {
  .dest-info-bar { align-items: flex-start; }
  .info-item { border-left: none; border-bottom: 1px solid rgba(255,255,255,.1); }
  .dest-quick-facts { left: auto; }
}
@media (max-width: 768px) {
  .dest-quick-facts { left: auto; right: auto; }
}

/* ---- keep Latin runs (airport codes, MAD, brand names) reading LTR ---- */
.tc-airport, .it-code, .fact-val:lang(en) { unicode-bidi: isolate; }