/**
 * Kafito Cars — RTL Stylesheet (Arabic Support)
 * Applied automatically when lang = 'ar'
 */

/* ─── Direction ─────────────────────────────── */
[dir="rtl"],
html[lang="ar"] {
  direction: rtl;
  text-align: right;
}

/* ─── Public Layout ─────────────────────────── */
[dir="rtl"] .header-inner,
[dir="rtl"] .footer-inner {
  flex-direction: row-reverse;
}

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

[dir="rtl"] .hero-content {
  text-align: right;
}

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

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

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

/* ─── Sidebar Admin ─────────────────────────── */
[dir="rtl"] .admin-sidebar {
  left: auto;
  right: 0;
  border-left: none;
  border-right: 1px solid rgba(255,255,255,0.07);
}

[dir="rtl"] .admin-main {
  margin-left: 0;
  margin-right: var(--sidebar-width);
}

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

[dir="rtl"] .sidebar-link i {
  margin-left: 0.75rem;
  margin-right: 0;
}

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

/* ─── Topbar ────────────────────────────────── */
[dir="rtl"] .admin-topbar {
  flex-direction: row-reverse;
}

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

/* ─── Forms ─────────────────────────────────── */
[dir="rtl"] .form-control {
  text-align: right;
}

[dir="rtl"] .login-input-wrap i {
  left: auto;
  right: 0.85rem;
}

[dir="rtl"] .login-input {
  padding: 0.65rem 2.4rem 0.65rem 0.85rem;
}

/* ─── Tables ────────────────────────────────── */
[dir="rtl"] .data-table th,
[dir="rtl"] .data-table td {
  text-align: right;
}

/* ─── Stat Cards ────────────────────────────── */
[dir="rtl"] .stat-card {
  flex-direction: row-reverse;
}

/* ─── Breadcrumbs ───────────────────────────── */
[dir="rtl"] .topbar-breadcrumb {
  flex-direction: row-reverse;
}

/* ─── Activity & Timeline ───────────────────── */
[dir="rtl"] .activity-item {
  flex-direction: row-reverse;
  text-align: right;
}

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

/* ─── Buttons ───────────────────────────────── */
[dir="rtl"] .btn i {
  margin-right: 0;
  margin-left: 0.4rem;
}

/* ─── Mobile Sidebar ─────────────────────────  */
@media (max-width: 768px) {
  [dir="rtl"] .admin-sidebar {
    right: -280px;
    left: auto;
    transform: none;
  }
  [dir="rtl"] .admin-sidebar.open {
    right: 0;
  }
  [dir="rtl"] .admin-main {
    margin-right: 0;
  }
}

/* ─── Arabic typography ─────────────────────── */
html[lang="ar"] body {
  font-family: 'Noto Kufi Arabic', 'Segoe UI', system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.7;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3 {
  font-family: 'Noto Kufi Arabic', sans-serif;
  font-weight: 800;
}