/* ═══════════════════════════════════════════════════════
   RTL OVERRIDES — Arabic Layout (Enhanced Edition)
   Applied when dir="rtl" is set on <html>

   IMPORTANT: Navbar / mobile-nav / lang-switch / loader RTL rules
   are declared ONCE inside header.php's inline <style> block.
   Do NOT re-declare them here — doing so creates cascade conflicts.

   This file only contains RTL overrides for the SECTION styles
   that live in /assets/css/style.css (hero, about, gallery, sectors,
   portfolio, why, testimonials, partners, CTA, forms, footer, admin).
   ═══════════════════════════════════════════════════════ */

[dir="rtl"] body {
  font-family: 'Cairo', sans-serif;
}

/* ═══════════════════════════════════════════════════════
   HERO RTL
   ═══════════════════════════════════════════════════════ */
[dir="rtl"] .hero-title {
  letter-spacing: 0;
}

[dir="rtl"] .hero-btns .btn-primary i,
[dir="rtl"] .hero-btns .btn-outline i {
  transform: scaleX(-1);
}

[dir="rtl"] .hero-btns .btn-primary:hover i,
[dir="rtl"] .hero-btns .btn-outline:hover i {
  transform: scaleX(-1) translateX(3px);
}

/* ═══════════════════════════════════════════════════════
   ABOUT PREVIEW RTL
   ═══════════════════════════════════════════════════════ */
[dir="rtl"] .about-preview-points li i {
  transform: scaleX(-1);
}

[dir="rtl"] .about-preview-content .btn-primary i,
[dir="rtl"] .about-preview-content .btn-outline i {
  transform: scaleX(-1);
}

/* ═══════════════════════════════════════════════════════
   GALLERY RTL
   ═══════════════════════════════════════════════════════ */
/* (gallery uses logical properties - no override needed) */

/* ═══════════════════════════════════════════════════════
   SECTORS RTL
   ═══════════════════════════════════════════════════════ */
[dir="rtl"] .sector-card::before {
  transform-origin: inline-end;
}

[dir="rtl"] .sector-cta i {
  transform: scaleX(-1);
}

[dir="rtl"] .sector-cta:hover i {
  transform: scaleX(-1) translateX(4px);
}

/* ═══════════════════════════════════════════════════════
   PORTFOLIO RTL (Swiper)
   ═══════════════════════════════════════════════════════ */
[dir="rtl"] .portfolio-swiper .swiper-button-next,
[dir="rtl"] .portfolio-swiper .swiper-button-prev {
  /* Swiper handles RTL when rtl:true; keep arrows in logical position */
}

[dir="rtl"] .portfolio-preview-cta .btn-outline i {
  transform: scaleX(-1);
}

[dir="rtl"] .portfolio-preview-cta .btn-outline:hover i {
  transform: scaleX(-1) translateX(3px);
}

/* ═══════════════════════════════════════════════════════
   WHY SECTION RTL
   ═══════════════════════════════════════════════════════ */
[dir="rtl"] .why-glow {
  inset-inline-end: auto;
  inset-inline-start: -60px;
}

/* ═══════════════════════════════════════════════════════
   TESTIMONIALS RTL
   ═══════════════════════════════════════════════════════ */
[dir="rtl"] .testimonial-quote-icon i {
  transform: scaleX(-1);
}

/* ═══════════════════════════════════════════════════════
   PARTNERS RTL (Marquee)
   ═══════════════════════════════════════════════════════ */
[dir="rtl"] .marquee-track {
  animation-name: marqueeScrollRTL;
}

/* ═══════════════════════════════════════════════════════
   CTA SECTION RTL
   ═══════════════════════════════════════════════════════ */
[dir="rtl"] .cta-btns .btn-primary i,
[dir="rtl"] .cta-btns .btn-outline i {
  transform: scaleX(-1);
}

[dir="rtl"] .cta-btns .btn-primary:hover i,
[dir="rtl"] .cta-btns .btn-outline:hover i {
  transform: scaleX(-1) translateX(3px);
}

/* ═══════════════════════════════════════════════════════
   SECTION HEADERS — Arabic punctuation alignment
   ═══════════════════════════════════════════════════════ */
[dir="rtl"] .section-header.center {
  text-align: center;
}

[dir="rtl"] .hero-desc {
  text-align: center;
}

/* ═══════════════════════════════════════════════════════
   FORM DIRECTION RTL
   ═══════════════════════════════════════════════════════ */
[dir="rtl"] .fg input,
[dir="rtl"] .fg textarea,
[dir="rtl"] .fg select {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] .fg input[type="email"],
[dir="rtl"] .fg input[type="tel"],
[dir="rtl"] .fg input[type="url"] {
  direction: ltr;
  text-align: right;
}

/* ═══════════════════════════════════════════════════════
   FOOTER RTL
   ═══════════════════════════════════════════════════════ */
[dir="rtl"] .footer-bottom {
  flex-direction: row-reverse;
}

/* ═══════════════════════════════════════════════════════
   ADMIN DASHBOARD RTL
   ═══════════════════════════════════════════════════════ */
[dir="rtl"] .admin-sidebar {
  left: auto;
  right: 0;
  border-right: none;
  border-left: 1px solid var(--glass-border);
}

[dir="rtl"] .admin-main {
  margin-left: 0;
  margin-right: 260px;
}

[dir="rtl"] .admin-table th {
  text-align: right;
}

@media (max-width: 1024px) {
  [dir="rtl"] .admin-main {
    margin-right: 220px;
  }
}

@media (max-width: 768px) {
  [dir="rtl"] .admin-main {
    margin-right: 0;
  }
}
