/* ==========================================================================
   RTL / Arabic overrides — loaded only on the Arabic (root) pages.
   Keeps the shared style.css purely LTR for the English site under /en/.
   ========================================================================== */

html,
body {
  direction: rtl;
  text-align: right;
  font-family: "Cairo", "Jost", Arial, sans-serif;
}

body {
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6,
p, span, a, li, input, textarea, button {
  font-family: "Cairo", "Jost", Arial, sans-serif;
  letter-spacing: 0;
}

.main-menu ul,
.mobile-nav ul,
.sidebar-nav ul.metismenu {
  direction: rtl;
}

.hero-area-content,
.about-content-wrap,
.about-middle-wrap,
.service-left,
.process-left,
.project-content-wrap,
.footer-content-wrap,
.contact-info-wrap,
.breadcrumb-title,
.section-title,
.section-top {
  direction: rtl;
  text-align: right;
}

.hero-area-content .section-title,
.hero-area-content p,
.breadcrumb-title h1,
.breadcrumb-title .subtitle {
  text-align: right;
}

.section-link,
.service-link {
  direction: rtl;
}

/* Flip the trailing arrow icons so they point right-to-left */
.section-link span i,
.service-link + span i,
.breadcrumb-tagline i {
  transform: scaleX(-1);
}

.footer-bottom-content,
.social-wrap ul {
  direction: rtl;
}

.single-contact-info p,
.single-contact-info span {
  direction: rtl;
}

/* Project / service copy blocks — force correct bidi on mixed content */
.project-content-wrap .section-title,
.project-content-wrap h2,
.project-content-wrap p,
.service-left p,
.about-content-wrap p {
  direction: rtl !important;
  text-align: right !important;
  unicode-bidi: plaintext;
  line-height: 2;
}

/* Latin text that must stay LTR inside an RTL page (phone, email, address) */
.ltr,
.single-contact-info p.ltr,
.single-contact-info span.ltr,
.contact-num .ltr,
a[href^="tel:"],
a[href^="mailto:"] {
  direction: ltr !important;
  unicode-bidi: embed;
  text-align: right;
}
.contact-num span.num.ltr { display: inline-block; }