/*
 * BLU Motors — Arabic RTL Overrides
 * Loaded exclusively on lang="ar" dir="rtl" pages.
 * Does NOT touch shared style.css. Safe for existing English pages.
 */

/* ── Direction & base ──────────────────────────────────────────────────── */
[dir="rtl"],
[dir="rtl"] * {
  font-family: 'Noto Sans Arabic', 'Segoe UI', 'Switzer', sans-serif;
}

[dir="rtl"] .section-title,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3 {
  font-family: 'Noto Naskh Arabic', 'Amiri', 'Cormorant Garamond', Georgia, serif;
  letter-spacing: 0;
  text-align: right;
}

/* ── Text alignment ────────────────────────────────────────────────────── */
[dir="rtl"] .wrap,
[dir="rtl"] .section-lead,
[dir="rtl"] .hero-lead,
[dir="rtl"] p,
[dir="rtl"] li,
[dir="rtl"] .eyebrow {
  text-align: right;
}

[dir="rtl"] .center,
[dir="rtl"] .eyebrow.center,
[dir="rtl"] .section-title.center {
  text-align: center;
}

/* ── Hero inner ────────────────────────────────────────────────────────── */
[dir="rtl"] .hero-inner {
  align-items: flex-end;
}

[dir="rtl"] .hero-actions {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

/* ── Flip margin/padding logical sides ──────────────────────────────────── */
[dir="rtl"] .header-inner {
  flex-direction: row-reverse;
}

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

[dir="rtl"] .footer-inner {
  direction: rtl;
}

[dir="rtl"] .footer-nav {
  text-align: right;
}

[dir="rtl"] .value-card {
  text-align: right;
}

[dir="rtl"] .value-card h3 {
  text-align: right;
}

/* ── Grid cards ─────────────────────────────────────────────────────────── */
[dir="rtl"] .grid {
  direction: rtl;
}

/* ── CTA band ───────────────────────────────────────────────────────────── */
[dir="rtl"] .cta-inner {
  text-align: right;
}

[dir="rtl"] .cta-inner .hero-actions {
  justify-content: flex-start;
}

/* ── Arabic font loading ────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap');

/* ── Services list on AR homepage ──────────────────────────────────────── */
[dir="rtl"] .services-grid {
  direction: rtl;
}

[dir="rtl"] .service-card {
  text-align: right;
}

/* ── Link arrows flip direction ─────────────────────────────────────────── */
[dir="rtl"] .link-arrow::after {
  content: ' ←';
}

[dir="rtl"] .link-arrow {
  direction: rtl;
}

/* ── Mobile nav ─────────────────────────────────────────────────────────── */
[dir="rtl"] .mobile-nav {
  text-align: right;
  direction: rtl;
}

/* ── Breadcrumb ─────────────────────────────────────────────────────────── */
[dir="rtl"] .breadcrumb {
  direction: rtl;
  text-align: right;
}

/* ── Spec rows ──────────────────────────────────────────────────────────── */
[dir="rtl"] .spec-row {
  flex-direction: row-reverse;
  text-align: right;
}

/* ── WhatsApp float ─────────────────────────────────────────────────────── */
[dir="rtl"] .wa-float {
  left: 1.5rem;
  right: auto;
}

/* ── Phone numbers: force Left-To-Right so digits never scramble in RTL ──── */
[dir="rtl"] a[href^="tel:"],
[dir="rtl"] .header-phone,
[dir="rtl"] .nav-phone {
  direction: ltr;
  unicode-bidi: embed;
  display: inline-block;
  text-align: left;
}