/* ── RTL Layout Overrides ─────────────────────── */
[dir="rtl"] {
  font-family: 'Tajawal', 'Inter', sans-serif;
}

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

/* Hero search box */
[dir="rtl"] .search-box {
  flex-direction: row-reverse;
}
[dir="rtl"] .search-field {
  flex-direction: row-reverse;
}
[dir="rtl"] .search-field input {
  text-align: right;
}

/* Popular tags */
[dir="rtl"] .popular-tags {
  flex-direction: row-reverse;
}

/* Stats bar */
[dir="rtl"] .stats-bar {
  flex-direction: row-reverse;
}

/* Categories */
[dir="rtl"] .cat-card {
  text-align: right;
}

/* Job cards */
[dir="rtl"] .card-header {
  flex-direction: row-reverse;
}
[dir="rtl"] .card-titles {
  text-align: right;
}
[dir="rtl"] .card-meta {
  flex-direction: row-reverse;
}
[dir="rtl"] .card-footer {
  flex-direction: row-reverse;
}
[dir="rtl"] .job-location {
  flex-direction: row-reverse;
  text-align: right;
}

/* Search hero filters */
[dir="rtl"] .filters {
  flex-direction: row-reverse;
}

/* Results meta */
[dir="rtl"] .results-meta {
  text-align: right;
}

/* Pagination */
[dir="rtl"] .pagination {
  flex-direction: row-reverse;
}

/* Why section */
[dir="rtl"] .why-card {
  text-align: right;
}

/* Auth pages */
[dir="rtl"] .auth-card {
  text-align: right;
}
[dir="rtl"] .form-group label {
  text-align: right;
}
[dir="rtl"] .form-group input {
  text-align: right;
}

/* Dashboard */
[dir="rtl"] .dash-header {
  text-align: right;
}
[dir="rtl"] .info-row {
  flex-direction: row-reverse;
}
[dir="rtl"] .actions-row {
  flex-direction: row-reverse;
}
[dir="rtl"] .sidebar-row {
  flex-direction: row-reverse;
}

/* Footer */
[dir="rtl"] .footer {
  direction: rtl;
}

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

/* Job detail */
[dir="rtl"] .job-header {
  flex-direction: row-reverse;
}
[dir="rtl"] .job-header-info {
  text-align: right;
}
[dir="rtl"] .job-tags {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
[dir="rtl"] .job-description {
  text-align: right;
  direction: rtl;
}