/*
 * Right-to-left. Loaded only for Arabic.
 * Logical properties do most of the work; these are the places where the
 * layout was written with a direction baked in.
 */
[dir="rtl"] body { text-align: right; }
[dir="rtl"] .hero h1, [dir="rtl"] .sh { text-align: inherit; }
[dir="rtl"] .wiz-nav { flex-direction: row-reverse; }
[dir="rtl"] .opt label { text-align: right; }
[dir="rtl"] .sum-row, [dir="rtl"] .acct-head, [dir="rtl"] .an-head,
[dir="rtl"] .side-top, [dir="rtl"] .conf-top { flex-direction: row-reverse; }
[dir="rtl"] .needs ul, [dir="rtl"] .nextsteps ol, [dir="rtl"] .excl ul,
[dir="rtl"] .toc ol, [dir="rtl"] .faq .a { padding-left: 0; padding-right: 20px; }
[dir="rtl"] .conf-why li::before { content: ""; }
[dir="rtl"] .conf-why li::after { content: " —"; }
[dir="rtl"] .an-warn li { padding-left: 0; padding-right: 18px; }
[dir="rtl"] .an-warn li::before { left: auto; right: 0; }
[dir="rtl"] .breadcrumbs, [dir="rtl"] .crumbs { direction: rtl; }
[dir="rtl"] .steps .step b { left: auto; right: 0; }
[dir="rtl"] .stickycta { flex-direction: row-reverse; }
[dir="rtl"] .fab { left: 18px; right: auto; }
[dir="rtl"] .langsw-list { left: 0; right: auto; }
[dir="rtl"] .marquee-track { animation-direction: reverse; }
[dir="rtl"] .brand .pss-mark { margin-left: 12px; margin-right: 0; }

/* Numbers, money and references stay left-to-right inside Arabic text. */
[dir="rtl"] .sum-total .big, [dir="rtl"] .svc .from, [dir="rtl"] .an-stats b,
[dir="rtl"] .price, [dir="rtl"] code, [dir="rtl"] .takeoff-total,
[dir="rtl"] input[type="email"], [dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="number"], [dir="rtl"] input[type="date"] {
	direction: ltr;
	unicode-bidi: embed;
	text-align: right;
}
[dir="rtl"] .sched, [dir="rtl"] .ctable { direction: rtl; }
[dir="rtl"] .sched td, [dir="rtl"] .ctable td:not(:first-child) { direction: ltr; text-align: right; }