/**
 * RTL Stylesheet — WordPress auto-loads this when is_rtl() is true.
 * Overrides LTR-specific layout rules for Arabic / Hebrew locales.
 */

/* ─── Navigation ─────────────────────────────────────────── */
.nav {
    flex-direction: row-reverse;
}

.nav__links {
    flex-direction: row-reverse;
}

.nav__links a {
    font-family: var(--font-ar, "Noor", system-ui, sans-serif);
}

/* ─── Footer ─────────────────────────────────────────────── */
.footer__inner {
    direction: rtl;
}

.footer__nav {
    flex-direction: row-reverse;
}

.footer__nav-col {
    text-align: right;
}

/* ─── Typography ─────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.entry-title,
.inner-hero__title {
    font-family: var(--font-ar, "Noor", system-ui, sans-serif);
    text-align: right;
}

p, li, span, label {
    font-family: var(--font-ar, "Noor", system-ui, sans-serif);
}

/* ─── Layout utilities ───────────────────────────────────── */
.text-left  { text-align: right; }
.text-right { text-align: left; }

.ml-auto { margin-left: 0; margin-right: auto; }
.mr-auto { margin-right: 0; margin-left: auto; }

/* ─── Section layouts ────────────────────────────────────── */
.about__inner,
.services__inner,
.why__inner,
.approach__inner {
    flex-direction: row-reverse;
}

/* ─── Cards / Grids ──────────────────────────────────────── */
.project-card,
.service-card,
.team-card {
    text-align: right;
}

/* ─── Forms ──────────────────────────────────────────────── */
input,
textarea,
select {
    text-align: right;
    direction: rtl;
}

/* ─── Stat / Process strips ──────────────────────────────── */
.stats__strip,
.process__steps {
    flex-direction: row-reverse;
}

/* ─── GSAP word spans: preserve direction inside animations ─ */
.word {
    display: inline-block;
    direction: rtl;
    unicode-bidi: embed;
}