/*
 * RTL-specific overrides for Veem Technologies theme.
 * Loaded only when dir="rtl" (Arabic pages).
 * Most layout uses logical CSS properties, so this file
 * handles edge cases that don't flip automatically.
 */

/* Arabic font — Cairo for excellent readability */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');

[dir="rtl"] {
  font-family: 'Cairo', sans-serif;
}

/* Remove letter-spacing on ALL Arabic text — it breaks connected script */
[dir="rtl"] * {
  letter-spacing: 0 !important;
}

/* Navigation — flip chevrons / arrows */
[dir="rtl"] .card-link svg,
[dir="rtl"] .btn svg { transform: scaleX(-1); }

[dir="rtl"] .service-card:hover .card-link svg { transform: scaleX(-1) translateX(-4px); }

/* Header inner — already uses justify-content: space-between, fine */

/* Mobile nav lang switcher */
[dir="rtl"] .mobile-nav .lang-switcher {
  justify-content: flex-start;
}

/* Hero layout */
[dir="rtl"] .hero-content { text-align: start; }

/* Phone / email inside Arabic text keep LTR */
[dir="rtl"] .contact-info-item p,
[dir="rtl"] .ltr-content {
  direction: ltr;
  text-align: start;
  unicode-bidi: embed;
}

/* Stat numbers — keep LTR so "300+" reads correctly */
[dir="rtl"] .hero-stat strong,
[dir="rtl"] .stat-item strong {
  direction: ltr;
  unicode-bidi: embed;
}

/* Footer bottom copyright */
[dir="rtl"] .footer-bottom {
  flex-direction: row-reverse;
}

/* Form labels */
[dir="rtl"] .form-group label { text-align: start; }

/* Product block reverse in RTL */
[dir="rtl"] .product-block.reverse {
  direction: ltr;
}
[dir="rtl"] .product-block.reverse > * {
  direction: rtl;
}

/* Scroll-reveal animations — keep consistent */
[dir="rtl"] .reveal {
  transform: translateY(24px);
}
[dir="rtl"] .reveal.visible {
  transform: translateY(0);
}

/* Section label — no uppercase letter spacing in Arabic */
[dir="rtl"] .section-label {
  font-size: 0.8rem;
}