/* ==========================================================================
   RTL (Right-to-Left) Overrides
   For Hebrew, Arabic, and Yiddish

   NOTE: Flexbox and CSS Grid automatically respect direction:rtl.
   Do NOT use flex-direction:row-reverse — it double-reverses back to LTR.
   ========================================================================== */

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

[dir="rtl"] body {
  font-size: 1.05rem;
  line-height: 1.8;
}

[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3,
[dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6 {
  letter-spacing: 0;
}

/* Language selector - position dropdown on left in RTL */
[dir="rtl"] .lang-list { right: auto; left: 0; }

/* Navigation dropdown position */
[dir="rtl"] .nav-dropdown { left: auto; right: 0; }

/* Breadcrumb separator flip */
[dir="rtl"] .breadcrumb-sep { transform: scaleX(-1); }

/* Article layout - grid auto-respects RTL, just ensure correct order */
[dir="rtl"] .article-layout {
  direction: rtl;
}

/* Article content */
[dir="rtl"] .article-content h2 {
  text-align: right;
}

[dir="rtl"] .article-content blockquote {
  border-right: 4px solid var(--color-secondary);
  border-left: none;
  border-radius: var(--radius-md) 0 0 var(--radius-md);
}

[dir="rtl"] .article-content ul,
[dir="rtl"] .article-content ol {
  padding-right: var(--space-xl);
  padding-left: 0;
}

/* Article list items */
[dir="rtl"] .article-list-item::before {
  float: right;
  margin-left: var(--space-md);
  margin-right: 0;
}

[dir="rtl"] .article-list-title a::after { content: " \2190"; }

/* Sidebar TOC */
[dir="rtl"] .sidebar-toc {
  padding-right: var(--space-lg);
  padding-left: 0;
}

/* In-article TOC */
[dir="rtl"] .article-toc-list {
  padding-right: var(--space-lg);
  padding-left: 0;
}

/* Pager */
[dir="rtl"] .pager-prev { text-align: right; }
[dir="rtl"] .pager-next { text-align: left; }

/* Category and subcategory cards */
[dir="rtl"] .category-card,
[dir="rtl"] .subcategory-card {
  text-align: right;
}

/* Example box */
[dir="rtl"] .article-content .example-box {
  border-right: 4px solid var(--color-example-border);
  border-left: none;
}
[dir="rtl"] .article-content .example-box::before {
  right: auto;
  left: var(--space-md);
}

/* Callout boxes - icon stays on right in RTL naturally */
[dir="rtl"] .callout {
  border-right: 4px solid;
  border-left: none;
}

/* Hero search */
[dir="rtl"] .hero-search-input { text-align: right; }

/* Footer */
[dir="rtl"] .footer-bottom { text-align: center; }

/* Mobile */
@media (max-width: 1024px) {
  [dir="rtl"] .article-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  [dir="rtl"] .nav-list {
    right: 0;
    left: auto;
    transform: translateX(100%);
  }

  [dir="rtl"] .nav-toggle-checkbox:checked ~ .nav-list {
    transform: translateX(0);
  }
}
