/* RTL overrides for Arabic */

html[dir="rtl"] body {
  text-align: right;
}

html[dir="rtl"] .skip-link {
  left: auto;
  right: 0;
}

html[dir="rtl"] .direction-card {
  border-left: 0;
  border-right: 4px solid var(--color-primary);
}

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

html[dir="rtl"] .language-switcher {
  margin-right: var(--space-md);
  margin-left: 0;
}

@media (max-width: 768px) {
  html[dir="rtl"] .main-nav ul {
    flex-direction: column;
  }
}