/* ============================================================
   VERTEX GROUP — RTL (Arabic) Override Stylesheet
   Linked only when lang=ar
   ============================================================ */

/* Base direction already set via body.rtl { direction: rtl } in style.css */

/* ── HEADER ── */
.hdr-inner { flex-direction: row-reverse; }
.nav { flex-direction: row-reverse; }
.hdr-right { flex-direction: row-reverse; }

/* ── HERO SLIDER ── */
.hs-content { padding: 0 3rem 0 2.5rem; }
.hs-overlay { background: linear-gradient(270deg, rgba(30,58,95,.92) 45%, rgba(30,58,95,.3)); }
.hs-btns { flex-direction: row-reverse; }

/* ── INFO CARD ── */
.info-card-accent { transform-origin: right; }
.info-card:hover .info-card-accent { transform: scaleX(1); }
.info-card-link { flex-direction: row-reverse; }

/* ── TIMELINE ── */
.tl-item { flex-direction: row-reverse; }
.tl-item::before { right: 19px; left: auto; }

/* ── COUNTER ── */
.counters-grid { direction: ltr; } /* keep numbers LTR */

/* ── VISION ── */
.two-col { direction: rtl; }

/* ── FOOTER ── */
.footer-social { flex-direction: row-reverse; }
.footer-link-list { align-items:flex-start; }
.footer-link-list a:hover { transform:translateX(-3px); }
.footer-cta-actions .footer-btn span { transform:rotate(180deg); }

/* ── CONTACT ── */
.contact-layout { direction: rtl; }
.ci-item { flex-direction: row-reverse; }

/* ── PRODUCTS ── */
.prod-filter { flex-direction: row-reverse; }
.pcard-footer { flex-direction: row-reverse; }
.pcard-badge { left: auto; right: 12px; }

/* ── FORMS ── */
.fg-row { direction: rtl; }
.fg label { text-align: right; }

/* ── PAGE HERO ── */
.page-hero .two-col { flex-direction: row-reverse; }

/* ── ABOUT STAT GRID ── */
.about-stat-grid { direction: ltr; } /* numbers stay LTR */

/* ── PROCESS STEPS ── */
.process-steps::before { left: 12.5%; right: 12.5%; }

/* ── SPEC GRID ── */
.spec-grid { direction: ltr; }

/* ── FACILITY ── */
.facility-img-overlay { flex-direction: row-reverse; }
.facility-footer { flex-direction: row-reverse; }

/* ── SECTION HEADER ── */
.section-header-flex { flex-direction: row-reverse; }

/* ── FONTS: Use system Arabic fonts for Arabic text ── */
body.rtl {
  font-family:
    'Segoe UI', /* Windows Arabic */
    'Tahoma',
    -apple-system,
    system-ui,
    sans-serif;
  word-spacing: .05em;
  letter-spacing: 0;
}

/* Keep numerals in LTR direction inside RTL context */
.counter-num,
.asg-num,
.asg-num-sm,
.spec-val,
.vs-num,
code { direction: ltr; display: inline-block; }