/* RTL (Right-to-Left) Support for Arabic */

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

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

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

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

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

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

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

[dir="rtl"] .search-box__input {
  text-align: right;
}

/* Features */
[dir="rtl"] .features {
  direction: rtl;
}

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

/* Levels grid */
[dir="rtl"] .levels-grid {
  direction: rtl;
}

/* Level navigation */
[dir="rtl"] .level-nav {
  flex-direction: row-reverse;
}

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

[dir="rtl"] .breadcrumb__separator {
  transform: scaleX(-1);
}

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

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

/* Solution steps */
[dir="rtl"] .solution-step {
  flex-direction: row-reverse;
  text-align: right;
}

[dir="rtl"] .solution-step__number {
  margin-left: var(--spacing-md);
  margin-right: 0;
}

/* Tips box */
[dir="rtl"] .tips-box__list {
  padding-right: var(--spacing-lg);
  padding-left: 0;
}

/* FAQ */
[dir="rtl"] .faq-item__question {
  text-align: right;
  padding-right: var(--spacing-lg);
  padding-left: var(--spacing-xl);
}

[dir="rtl"] .faq-item__question::after {
  left: var(--spacing-lg);
  right: auto;
}

/* Download buttons */
[dir="rtl"] .download__buttons {
  flex-direction: row-reverse;
}

/* Lang switcher */
[dir="rtl"] .lang-switcher {
  margin-right: auto;
  margin-left: 0;
}

[dir="rtl"] .lang-switcher__dropdown {
  left: auto;
  right: 0;
}

/* Card stack */
[dir="rtl"] .card-stack {
  direction: ltr;
}

/* Mobile menu */
[dir="rtl"] .menu-toggle {
  margin-right: auto;
  margin-left: 0;
}

/* Level detail */
[dir="rtl"] .level-detail__meta {
  flex-direction: row-reverse;
}

/* Video section */
[dir="rtl"] .video-section {
  text-align: right;
}

/* Blog grid */
[dir="rtl"] .blog-grid {
  direction: rtl;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  [dir="rtl"] .hero__inner {
    flex-direction: column;
  }
  
  [dir="rtl"] .footer__inner {
    flex-direction: column;
  }
  
  [dir="rtl"] .nav__list {
    flex-direction: column;
  }
}