/*
RTL overrides — enqueued only when a visitor has switched the site to Arabic.
Keeps the same visual system (palette, spacing, motifs) but mirrors direction-
sensitive layout and swaps in an Arabic-friendly typeface.
*/

body{
  font-family: 'Tajawal', 'IBM Plex Sans', sans-serif;
}
h1,h2,h3,h4{
  font-family: 'Tajawal', 'Fraunces', serif;
}
.eyebrow, .article-num, .header-phone, .trust-item, .process-num,
.testi-name, .team-role, .insight-date, .brand-sub{
  font-family: 'Tajawal', 'IBM Plex Mono', monospace;
}

.eyebrow::before{ order: 2; }
.eyebrow{ flex-direction: row-reverse; justify-content: flex-end; }

.main-nav ul{ flex-direction: row-reverse; }
.header-actions{ flex-direction: row-reverse; }
.hero-grid{ direction: rtl; }
.hero-stats{ flex-direction: row-reverse; justify-content: flex-end; }

.article-row{ grid-template-columns: 140px 1fr 110px; }
.article-arrow{ justify-self: start; }
.article-arrow::before{ content: ""; }

.footer-grid{ direction: rtl; }
.footer-bottom{ flex-direction: row-reverse; }

.appointment-grid{ direction: rtl; }
.appointment-points li{ flex-direction: row-reverse; justify-content:flex-end; }

.appt-form label{ text-align: right; }
.appt-form input, .appt-form select, .appt-form textarea{ text-align: right; }

.process-timeline{ padding-left: 0; padding-right: 66px; }
.process-timeline::before, .process-timeline::after{ left:auto; right:19px; }
.process-num{ left:auto; right:-66px; }

.industry-card, .team-card, .insight-card{ text-align: right; }

.float-actions{ right:auto; left:22px; }
.whatsapp-btn::after{ inset:-6px; }

.book-tab{ left: auto; right: 0; transform: translateY(-50%) rotate(90deg) translateX(50%); transform-origin: right center; border-radius: 8px 8px 0 0; }

.hel-modal-panel{ text-align: right; }
.hel-modal-close{ left: 18px; right: auto; }

.lang-switch{ flex-direction: row-reverse; }

@media (max-width: 900px){
  .main-nav ul{ flex-direction: column; }
}