/* =============================================================
   RTL (Right-to-Left) Overrides for Arabic Version
   Minimal overrides — most directional layout is handled by
   CSS logical properties in style.css
   ============================================================= */

/* ── Base Direction ─── */
[dir="rtl"] {
  direction: rtl;
}

/* ── Font-Family Swap (Arabic-optimized fonts) ─── */
[dir="rtl"] body,
[dir="rtl"] button,
[dir="rtl"] input,
[dir="rtl"] select,
[dir="rtl"] textarea {
  font-family: 'Cairo', 'Tajawal', 'Readex Pro', system-ui, sans-serif;
}

[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3,
[dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6 {
  font-family: 'Cairo', 'Readex Pro', system-ui, sans-serif;
  letter-spacing: 0;
}

/* ── Navigation ─── */
[dir="rtl"] .nav-logo { direction: ltr; }
[dir="rtl"] .footer-logo { direction: ltr; }
[dir="rtl"] .dropdown-menu { left: auto; right: 0; }

/* ── Mobile Nav (slides from left in RTL) ─── */
[dir="rtl"] .mobile-nav { transform: translateX(-100%); }
[dir="rtl"] .mobile-nav.open { transform: translateX(0); }

/* ── Language Switcher (keep LTR) ─── */
[dir="rtl"] .lang-switcher { direction: ltr; }
[dir="rtl"] .lang-switcher .lang-btn { direction: ltr; }
[dir="rtl"] .lang-switcher-mobile { direction: ltr; }
[dir="rtl"] .lang-switcher-mobile .lang-toggle-btn { direction: ltr; }

/* ── Ticker & Carousels — keep LTR for brand names ─── */
[dir="rtl"] .ticker-wrap { direction: ltr; }
[dir="rtl"] .integrations-carousel { direction: ltr; }

/* ── WhatsApp Float Position ─── */
[dir="rtl"] .wa-float { left: 1.5rem; right: auto; }
[dir="rtl"] .wa-float-enhanced { left: 2rem; right: auto; align-items: flex-start; }
[dir="rtl"] .wa-float-popup { left: 0; right: auto; }
[dir="rtl"] .wa-float-btn iconify-icon { right: auto; left: -2px; }
[dir="rtl"] .wa-float-notif { right: auto; left: -4px; }

/* ── Phone Numbers & Emails — preserve LTR rendering ─── */
[dir="rtl"] a[href^="tel"],
[dir="rtl"] a[href^="https://wa.me"],
[dir="rtl"] .footer-col a[href^="mailto"],
[dir="rtl"] .cv-contact a,
[dir="rtl"] .contact-channel-text .ch-value {
  direction: ltr;
  display: inline-block;
  unicode-bidi: embed;
}

[dir="rtl"] .footer-col li a {
  direction: ltr;
  unicode-bidi: plaintext;
}

/* ── Animation Direction Mirroring ─── */
[dir="rtl"] .service-card::before { transform-origin: right; }
[dir="rtl"] .service-card:hover::before { transform-origin: right; }
[dir="rtl"] .kb-col-progress-fill { transform-origin: right center; }

/* ── Reviews Carousel RTL ─── */
@keyframes reviews-scroll-rtl {
  from { transform: translateX(0); }
  to { transform: translateX(33.33%); }
}
@keyframes reviews-scroll-rtl-reverse {
  from { transform: translateX(33.33%); }
  to { transform: translateX(0); }
}

[dir="rtl"] .reviews-carousel-track {
  animation-name: reviews-scroll-rtl;
}

[dir="rtl"] .reviews-carousel-track--reverse {
  animation-name: reviews-scroll-rtl-reverse;
}

[dir="rtl"] .reviews-carousel-outer {
  mask-image: linear-gradient(to left, transparent 0%, black 10%, black 90%, transparent 100%);
  -webkit-mask-image: linear-gradient(to left, transparent 0%, black 10%, black 90%, transparent 100%);
}

[dir="rtl"] .review-slide {
  text-align: right;
}

[dir="rtl"] .testimonial-author {
  flex-direction: row-reverse;
}

[dir="rtl"] .testimonial-author > div {
  text-align: right;
}

[dir="rtl"] .review-slide-quote {
  right: auto;
  left: var(--space-5);
}

[dir="rtl"] .review-slide .country-flag {
  margin-inline-end: 0;
  margin-inline-start: var(--space-2);
}

/* ── Responsive ─── */
@media (max-width: 768px) {
  [dir="rtl"] .wa-float-enhanced { left: 1rem; right: auto; }
}