/* RTL overrides for Arabic version (/ar/)
   Loaded after main.css. Uses [dir="rtl"] selectors so it does not affect LTR. */

[dir="rtl"] body { font-family: 'Amiri', 'EB Garamond', 'Cormorant Garamond', serif; }

/* General text alignment */
[dir="rtl"] { text-align: right; }
[dir="rtl"] .meta,
[dir="rtl"] .hero-desc,
[dir="rtl"] .colophon-desc,
[dir="rtl"] .colophon-legal,
[dir="rtl"] .guide-section p,
[dir="rtl"] .guide-section h2,
[dir="rtl"] .guide-section h3,
[dir="rtl"] .hero-about-h1,
[dir="rtl"] .cta-h2 { text-align: right; }

/* Header plate */
[dir="rtl"] .plate { flex-direction: row-reverse; }
[dir="rtl"] .plate-left { text-align: right; }
[dir="rtl"] .plate-right { text-align: left; }

/* Top navigation */
[dir="rtl"] .topnav { flex-direction: row-reverse; }
[dir="rtl"] .topnav-links { flex-direction: row-reverse; padding-right: 0; padding-left: 0; }
[dir="rtl"] .topnav-cta { margin-left: 0; margin-right: auto; }

/* Burger menu (mobile) */
[dir="rtl"] .burger-btn { margin-left: 0; margin-right: 8px; }

/* Language menu — already adjusted in main.css line 1222 */
[dir="rtl"] .lang-menu { inset-inline-end: 0; inset-inline-start: auto; left: auto; right: 0; }

/* Hero section */
[dir="rtl"] .hero-about-inner { text-align: right; }
[dir="rtl"] .hero-actions { flex-direction: row-reverse; }

/* Buttons and CTAs — keep arrow on the correct side */
[dir="rtl"] .cta-arrow { display: inline-block; transform: scaleX(-1); margin-right: 6px; margin-left: 0; }
[dir="rtl"] .btn-primary,
[dir="rtl"] .btn-secondary,
[dir="rtl"] .topnav-cta,
[dir="rtl"] .cta-btn { direction: rtl; }

/* Lists */
[dir="rtl"] .guide-section ul { margin-left: 0; margin-right: 28px; padding-right: 0; }
[dir="rtl"] .guide-section ul li { text-align: right; }

/* Footer columns */
[dir="rtl"] .colophon-top { direction: rtl; }
[dir="rtl"] .colophon-col,
[dir="rtl"] .colophon-col h4,
[dir="rtl"] .colophon-col ul,
[dir="rtl"] .colophon-col ul li,
[dir="rtl"] .colophon-col p { text-align: right; }
[dir="rtl"] .colophon-col ul { padding-right: 0; padding-left: 0; }
[dir="rtl"] .colophon-bottom { flex-direction: row-reverse; }
[dir="rtl"] .colophon-legal { text-align: right; }
[dir="rtl"] .colophon-mark-small { text-align: left; }

/* Sticky CTA mobile */
[dir="rtl"] .sticky-contact { text-align: center; direction: rtl; }

/* Marquee — animation reversed for natural reading */
[dir="rtl"] .marquee-track { animation-direction: reverse; }

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

/* Section headings — italic em adjustment for Arabic (italics often look poor) */
[dir="rtl"] em { font-style: normal; font-weight: 600; }

/* TOC and breadcrumb */
[dir="rtl"] .blog-breadcrumb { text-align: right; direction: rtl; }
[dir="rtl"] .guide-toc ol { padding-right: 0; padding-left: 0; }
[dir="rtl"] .guide-toc ol li { text-align: right; }
[dir="rtl"] .guide-toc ol li::before { margin-right: 0; margin-left: 14px; }

/* Form elements */
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select { text-align: right; direction: rtl; }
[dir="rtl"] label { text-align: right; }

/* Hero stats */
[dir="rtl"] .hero-stats { flex-direction: row-reverse; }