/* =========================================================================
   Crystal Tech — Right-to-Left (Arabic) overrides
   Scoped to [dir="rtl"] so it only affects Arabic; loaded on every page.
   ========================================================================= */
[dir="rtl"] body { text-align: right; }

/* Flip the primary text direction containers */
[dir="rtl"] .container,
[dir="rtl"] .section-header,
[dir="rtl"] .hero-content-v2,
[dir="rtl"] .partner-content,
[dir="rtl"] .footer-col { text-align: right; }

/* Navigation */
[dir="rtl"] .nav-links { flex-direction: row-reverse; }
[dir="rtl"] .dropdown-menu { left: auto; right: 0; text-align: right; }

/* Lists: move bullets / icons to the right */
[dir="rtl"] ul { padding-right: 1.2rem; padding-left: 0; }
[dir="rtl"] .footer-links,
[dir="rtl"] .footer-contact { padding-right: 0; }

/* Icons that sit before text — add spacing on the correct side */
[dir="rtl"] .footer-contact li i,
[dir="rtl"] .hero-cta-primary i,
[dir="rtl"] .read-more i { margin-right: 0; margin-left: 0.5rem; }

/* Arrow icons point the other way in RTL */
[dir="rtl"] .read-more .fa-arrow-right,
[dir="rtl"] .hero-cta-primary .fa-arrow-right { transform: scaleX(-1); }

/* Grids and flex rows that imply reading order */
[dir="rtl"] .hero-actions,
[dir="rtl"] .project-buttons,
[dir="rtl"] .review-modal-footer,
[dir="rtl"] .footer-bottom { flex-direction: row-reverse; }

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

/* Floating widgets stay on the left in RTL */
[dir="rtl"] .whatsapp-float { right: auto; left: 1.5rem; }

/* Use a font stack with good Arabic coverage */
[dir="rtl"] body,
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3,
[dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] p,
[dir="rtl"] a, [dir="rtl"] span, [dir="rtl"] li, [dir="rtl"] button {
  font-family: 'Inter', 'Segoe UI', Tahoma, 'Arial', sans-serif;
}