/**
 * RTL (Right-to-Left) Stylesheet
 * Overrides for Arabic language support
 */

/* ============================================
   Base RTL Direction
   ============================================ */
[dir="rtl"] body {
  direction: rtl;
}

/* ============================================
   Navigation RTL
   ============================================ */
/*  */

.nav-menu {
  /* row-reverse removed: menu items already flow correctly in RTL */
}

.nav-menu-wrapper {
  flex-direction: row-reverse;
}

.lang-switcher {
  margin-right: var(--spacing-lg);
  margin-left: 0;
}

/* ============================================
   Hero Section RTL
   ============================================ */
.hero-content {
  text-align: center;
}

/* ============================================
   Services Section RTL
   ============================================ */
/* .service-content {
  flex-direction: row-reverse;
} */

/* .service-link {
  flex-direction: row-reverse;
} */

/* .service-link i {
  transform: scaleX(-1);
} */

/* Service Alternating Rows RTL */
.service-row {
  direction: rtl;
}

.service-row.row-odd {
  direction: rtl;
}

.service-row.row-even {
  direction: rtl;
}

.service-row.row-even > * {
  direction: rtl;
}

.service-row.row-odd > * {
  direction: rtl;
}

.service-content-col {
  text-align: right;
}

/* ============================================
   About Section RTL
   ============================================ */
.about-content {
  text-align: center;
}

.feature-item {
  text-align: center;
}

/* ============================================
   Contact Section RTL
   ============================================ */
.contact-grid {
  direction: rtl;
}

.contact-info-item {
  /* row-reverse removed: icon stays on left side in both directions */
  text-align: right;
}

.contact-details {
  text-align: right;
}

/* ============================================
   Testimonials RTL
   ============================================ */
.testimonial-content-wrapper {
  direction: rtl;
}

.testimonial-text-column {
  text-align: right;
}

.testimonial-rating {
  justify-content: flex-start;
}

.carousel-controls {
  flex-direction: row-reverse;
}

.quote-icon {
  right: auto;
  left: 50px;
}

/* ============================================
   Portfolio RTL
   ============================================ */
.portfolio-info {
  text-align: right;
}

/* ============================================
   Footer RTL
   ============================================ */
.footer-grid {
  direction: rtl;
}

.footer-column {
  text-align: right;
}

.social-links {
  justify-content: flex-start;
}

/* .contact-item {
  flex-direction: row-reverse;
  text-align: right;
} */

.footer-bottom-content {
  flex-direction: row-reverse;
}

.footer-legal-menu {
  flex-direction: row-reverse;
}

/* ============================================
   Archive & Single RTL
   ============================================ */
.back-link .btn i {
  transform: rotate(180deg);
}

.archive-pagination .nav-links {
  direction: rtl;
}

/* ============================================
   Page Hero RTL
   ============================================ */
.page-hero-content {
  text-align: center;
}

/* ============================================
   Buttons RTL
   ============================================ */
/* .btn {
  flex-direction: row-reverse;
} */

/* ============================================
   Mobile Menu RTL
   ============================================ */
.mobile-nav-menu {
  text-align: right;
}

.mobile-lang-switcher {
  text-align: right;
}

/* ============================================
   Responsive RTL
   ============================================ */
@media (max-width: 768px) {
  

  .footer-column {
    text-align: right;
  }

  .footer-bottom-content {
    flex-direction: column;
    text-align: center;
  }

  .contact-grid {
    direction: rtl;
  }

  .testimonial-content-wrapper {
    direction: rtl;
  }

  .quote-icon {
    right: auto;
    left: calc(50% - 130px);
  }

  .service-row,
  .service-row.row-odd,
  .service-row.row-even {
    direction: rtl;
  }
}

:dir(rtl) .wpcf7 input[type="url"],
:dir(rtl) .wpcf7 input[type="email"],
:dir(rtl) .wpcf7 input[type="tel"] {
  direction: ltr;
  text-align: end;
}



/* ============================================================
   RTL LOGICAL PROPERTIES & BI-DIRECTIONAL MIRRORING REFACTOR
   ============================================================ */
html[dir="rtl"] body {
    direction: rtl !important;
    text-align: start !important;
}

html[dir="rtl"] p,
html[dir="rtl"] .description,
html[dir="rtl"] .service-card-text,
html[dir="rtl"] .feature-description {
    text-align: start !important;
}

html[dir="rtl"] .section-title,
html[dir="rtl"] .section-subtitle,
html[dir="rtl"] .hero-title,
html[dir="rtl"] .category-hero-title {
    text-align: center !important;
}

html[dir="rtl"] .contact-info-item,
html[dir="rtl"] .footer-column {
    text-align: start !important;
}
