/* ============================================
   rtl.css — Direction overrides only
   Applied when dir="rtl" (Arabic)
   NO text translation — backend handles that
   ============================================ */

/* Nav */
/* [dir="rtl"] .nlinks { flex-direction: row-reverse; } */
[dir="rtl"] .nact   { flex-direction: row-reverse; }

/* Hero */
[dir="rtl"] .hgrid   { direction: rtl; }
[dir="rtl"] .hbtns   { flex-direction: row-reverse; }
[dir="rtl"] .htag    { align-self: flex-start; }

/* About */
[dir="rtl"] .agrid   { direction: rtl; }
[dir="rtl"] .atext   { text-align: right; }

/* Features */
[dir="rtl"] .fcard   { text-align: right; }
[dir="rtl"] .ficon   { margin-left: auto; margin-right: 0; }

/* Stats */
[dir="rtl"] .sitem   { direction: rtl; }

/* Carousel */
[dir="rtl"] .cstage  { direction: ltr; }  /* keep perspective stable */
[dir="rtl"] .cinfo   { direction: rtl; }

/* Contact */
[dir="rtl"] .cgrid   { direction: rtl; }
[dir="rtl"] .cpanel  { direction: rtl; text-align: right; }
[dir="rtl"] .cpitem  { flex-direction: row-reverse; }
[dir="rtl"] .fcard   { direction: rtl; }
[dir="rtl"] .fg      { text-align: right; }
[dir="rtl"] .fi,
[dir="rtl"] .fs,
[dir="rtl"] .ft      { text-align: right; direction: rtl; }

/* Footer */
[dir="rtl"] .ftgrid  { direction: rtl; }
[dir="rtl"] .ftcol   { text-align: right; }
[dir="rtl"] .ftsoc   { flex-direction: row-reverse; }
[dir="rtl"] .ftbot   { flex-direction: row-reverse; }
[dir="rtl"] .fci     { flex-direction: row-reverse; text-align: right; }

/* Mobile menu opens from right */
[dir="rtl"] .mmenu { left: auto; right: -100%; border-inline-end: none; border-inline-start: 1px solid var(--ln); }
[dir="rtl"] .mmenu.on { left: auto; right: 0; }

/* Scroll reveal flip */
[dir="rtl"] .sr-l { transform: translateX(56px); }
[dir="rtl"] .sr-l.on { transform: translateX(0); }
[dir="rtl"] .sr-r { transform: translateX(-56px); }
[dir="rtl"] .sr-r.on { transform: translateX(0); }

/* Section header */
[dir="rtl"] .sh { direction: rtl; }

/* CTA */
[dir="rtl"] .ctacard { direction: rtl; }