/* ============================================================
   RTL (Right-to-Left) Layout Overrides
   Applied when <html dir="rtl">
   ============================================================ */

html[dir="rtl"] { direction: rtl; }
html[dir="rtl"] body { text-align: right; }
html[dir="rtl"] ul, html[dir="rtl"] ol { padding-left: 0; padding-right: 1.5rem; }
html[dir="rtl"] .why-item { flex-direction: row-reverse; text-align: right; }
html[dir="rtl"] .why-item p,
html[dir="rtl"] .card p,
html[dir="rtl"] .product-card .desc,
html[dir="rtl"] .faq-a,
html[dir="rtl"] .article p { text-align: right; }

/* Nav mirror */
html[dir="rtl"] .lang-switcher-dropdown { right: auto; left: 0; }

/* Form */
html[dir="rtl"] .form-group label { text-align: right; }
html[dir="rtl"] .tech-table th,
html[dir="rtl"] .tech-table td { text-align: right; }

/* Timeline */
html[dir="rtl"] .timeline { padding-left: 0; padding-right: 32px; }
html[dir="rtl"] .timeline::before { left: auto; right: 10px; }
html[dir="rtl"] .timeline-item::before { left: auto; right: -26px; }

/* Footer */
html[dir="rtl"] .footer-col a,
html[dir="rtl"] .footer-col p { text-align: right; }

/* Contact */
html[dir="rtl"] .contact-item { flex-direction: row-reverse; }

/* Buttons with icons */
html[dir="rtl"] .btn { flex-direction: row-reverse; }

/* Skip link */
html[dir="rtl"] .skip-link { left: auto; right: 0; }

/* Stats */
html[dir="rtl"] .stat-label,
html[dir="rtl"] .stat-number { text-align: center; }