/* ============================================
   Siftfy RTL — Right-to-Left overrides for Arabic
   Loaded only on ar/ pages via {{RTL_CSS}}
   ============================================ */

[dir="rtl"] {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] .space-x-8 > * + * { margin-right: 2rem; margin-left: 0; }

/* Nav */
[dir="rtl"] nav .flex { direction: rtl; }
[dir="rtl"] nav a { direction: rtl; }

/* Cards */
[dir="rtl"] .card { text-align: right; }
[dir="rtl"] .card .flex.items-start { flex-direction: row; }
[dir="rtl"] .card svg { margin-left: 0; margin-right: 0; }

/* Buttons */
[dir="rtl"] .btn-primary svg,
[dir="rtl"] .btn-secondary svg { margin-left: 0; margin-right: 0.5rem; }

/* FAQ */
[dir="rtl"] .faq-question { text-align: right; }
[dir="rtl"] .faq-arrow { margin-left: 0; margin-right: auto; }

/* Footer */
[dir="rtl"] footer { text-align: right; }
[dir="rtl"] footer ul { padding-right: 0; }
[dir="rtl"] footer .flex { direction: rtl; }
[dir="rtl"] .footer-payments { direction: rtl; }

/* Quote float */
[dir="rtl"] .quote-float { right: auto; left: 1.5rem; }

/* Quote view-more arrows */
[dir="rtl"] .quote-view-more-arrow { transform: scaleX(-1); }

/* Tables */
[dir="rtl"] .compare-table th,
[dir="rtl"] .compare-table td { text-align: right; }

/* Blog content */
[dir="rtl"] .blog-content { text-align: right; direction: rtl; }
[dir="rtl"] .blog-content ul,
[dir="rtl"] .blog-content ol { padding-left: 0; padding-right: 1.5rem; }
[dir="rtl"] .blog-content blockquote { border-left: none; border-right: 4px solid var(--color-primary); border-radius: 0.75rem 0 0 0.75rem; }
[dir="rtl"] .toc a { border-left: none; border-right: 2px solid transparent; padding-left: 0; padding-right: 0.75rem; }
[dir="rtl"] .toc a:hover,
[dir="rtl"] .toc a.active { border-right-color: var(--color-primary); }

/* Step numbers */
[dir="rtl"] .step-number { margin-left: auto; margin-right: auto; }

/* Language select */
[dir="rtl"] .lang-select { padding: 0.5rem 0.75rem 0.5rem 2rem; background-position: left 0.6rem center; }

/* Hero gradient blobs */
[dir="rtl"] .gradient-hero::before { right: auto; left: -20%; }
[dir="rtl"] .gradient-hero::after { left: auto; right: -10%; }