/* rtl.css — Arabic RTL overrides for /styles.css
   The page uses <html dir="rtl">, which flips base flow automatically.
   These rules fix the few hardcoded left/right values in styles.css
   that do not auto-mirror. */

/* Nav links: spacing sits on the wrong side in RTL */
.nav .links a { margin-left: 0; margin-right: 22px; }

/* Ghost CTA button spacing */
.cta.ghost { margin-left: 0; margin-right: 10px; }

/* Pricing list: align text and flip the check-mark bullet */
.price ul { text-align: right; }
.price li::before { margin-right: 0; margin-left: 9px; }

/* Prose sub-headings default to left in the base sheet */
.prose h2 { text-align: right; }

/* Mobile: keep ghost CTA reset consistent */
@media (max-width: 760px) {
  .cta.ghost { margin-right: 0; margin-top: 10px; }
  .nav .links a { margin-right: 0; }
}
