/* ══════════════════════════════════════════════════════════════
   ShipFlow v12 — RTL Overrides
   Loaded only when lang=ar. Uses system Arabic fonts — no @import.
   ══════════════════════════════════════════════════════════════ */

/* Arabic system font stack — no external request */
[dir=rtl] body {
  font-family: 'Segoe UI', 'Tahoma', 'Arial', sans-serif;
  font-size: 15px;
  line-height: 1.7;
}

/* ── Navbar ───────────────────────────────────────────────── */
[dir=rtl] .navbar      { flex-direction: row-reverse; }
[dir=rtl] .nav-links   { flex-direction: row-reverse; }

/* ── Tables ───────────────────────────────────────────────── */
[dir=rtl] thead th  { text-align: right; }
[dir=rtl] tbody td  { text-align: right; }

/* ── Section headings ─────────────────────────────────────── */
[dir=rtl] .section-head         { flex-direction: row-reverse; }
[dir=rtl] .section-head > div  { flex-direction: row-reverse; }

/* ── Filter tabs ──────────────────────────────────────────── */
[dir=rtl] .filter-tabs  { flex-direction: row-reverse; }
[dir=rtl] .rec-count    { margin-left: 0; margin-right: auto; }

/* ── Search bar ───────────────────────────────────────────── */
[dir=rtl] .search-bar { flex-direction: row-reverse; }

/* ── Text alignment ───────────────────────────────────────── */
[dir=rtl] .alert       { text-align: right; }
[dir=rtl] .card-title  { text-align: right; }
[dir=rtl] label        { text-align: right; }
[dir=rtl] .fs-label    { text-align: right; }

/* ── Inputs ───────────────────────────────────────────────── */
[dir=rtl] input,
[dir=rtl] textarea,
[dir=rtl] select { text-align: right; }

/* ── Modals ───────────────────────────────────────────────── */
[dir=rtl] .sf-modal-head { flex-direction: row-reverse; }
[dir=rtl] .sf-modal-box  { text-align: right; }

/* ── Timeline ─────────────────────────────────────────────── */
[dir=rtl] .timeline {
  padding-left: 0;
  padding-right: 20px;
  border-left: none;
  border-right: 2px solid var(--border);
}
[dir=rtl] .timeline li {
  padding: 0 24px 22px 0;
}
[dir=rtl] .timeline li::before {
  left: auto;
  right: -8px;
}

/* ── Tools tabs ───────────────────────────────────────────── */
[dir=rtl] .tools-tabs { flex-direction: row-reverse; }

/* ── Hero ─────────────────────────────────────────────────── */
[dir=rtl] .hero-actions { flex-direction: row-reverse; }

/* ── Price rows ───────────────────────────────────────────── */
[dir=rtl] .pp-row          { flex-direction: row-reverse; }
[dir=rtl] .price-preview   { text-align: right; }

/* ── Info rows ────────────────────────────────────────────── */
[dir=rtl] .info-row { flex-direction: row-reverse; text-align: right; }

/* ── Backup cards ─────────────────────────────────────────── */
[dir=rtl] .bk-card-title,
[dir=rtl] .bk-card-desc { text-align: right; }

/* ── Action button groups in table cells ──────────────────── */
[dir=rtl] td > div { flex-direction: row-reverse; }

/* ── Footer ───────────────────────────────────────────────── */
[dir=rtl] .site-footer { direction: rtl; }

/* ── Card title row with inline buttons ───────────────────── */
[dir=rtl] .card-title[style*="display:flex"] { flex-direction: row-reverse; }