/* rtl.css — loaded only on /ar/, /fa/ and /he/.
 *
 * style.css and the inline <style> block are never touched: the English page is
 * the source of truth and must stay byte-identical across languages so its CSP
 * hash and its cache entry do not depend on which language is being built.
 * Everything here is an override.
 *
 * Only ten rules in the whole site are direction-dependent, so this stays small
 * on purpose. The tables are the part that actually matters — a right-to-left
 * reader scanning a column of dollar figures needs the accent bar, the header
 * alignment and the numeric columns all flipped together, or the table reads as
 * though it belongs to the wrong row.
 *
 * Numbers themselves stay left-to-right. Arabic, Persian and Hebrew all render
 * Western digits and currency LTR inside RTL text, and $549,637,023 must remain
 * readable as that exact figure — it is the claim the site is making.
 */

/* ---- accent bars: left border becomes right ------------------------------ */
.notice,
.note,
.doc .box,
.cwarn {
  border-left: 0;
  border-right: 3px solid var(--accent, #b22222);
}
.note {
  border-right-color: #2980b9;
}
.note.warn {
  border-right-color: #f39c12;
}
.cwarn {
  border-right-color: #e8b04b;
}

/* ---- tables -------------------------------------------------------------- */
thead th,
th {
  text-align: right;
}
td.num,
.amt,
.num,
.rank {
  text-align: left;          /* numeric columns mirror to the other edge */
}

/* Figures, FEC ids and dates stay in logical LTR order inside RTL prose. */
td.num,
.amt,
.num,
.rank,
.stat .v,
code {
  direction: ltr;
  unicode-bidi: embed;
}

/* ---- lists and spacing --------------------------------------------------- */
.doc ul {
  padding-left: 0;
  padding-right: 22px;
}
.tier1 .stat .k {
  padding-right: 0;
  padding-left: 4px;
}

/* ---- header controls ----------------------------------------------------- */
.herotop {
  flex-direction: row-reverse;
}
.hbtns {
  flex-direction: row-reverse;
}

/* The verified/compiled corner badge sits on the opposite corner. */
.tier1 .stat::after {
  right: auto;
  left: 4px;
}

/* ---- horizontal scroll --------------------------------------------------- */
.tablewrap {
  direction: rtl;
}
.tablewrap table {
  direction: rtl;
}