/* ═══════════════════════════════════════════════
   rtl.css — Arabic RTL layout overrides
   Load AFTER home.css / style.css on pages with dir="rtl"
   ═══════════════════════════════════════════════ */

/* ── 阿语字体优先级 + 字重修正 ── */
/* 阿拉伯字母笔画复杂，同等字号/字重下视觉上偏小偏细 */
[dir="rtl"] body {
  font-family: 'Noto Sans Arabic', 'Tajawal', 'Cairo', sans-serif;
  font-weight: 400;
}

/* 首页标题加粗 */
[dir="rtl"] .hero h1,
[dir="rtl"] .tech-grid-section h2,
[dir="rtl"] .tiobe-section h2,
[dir="rtl"] .feature-item h3,
[dir="rtl"] .faq-card h3 {
  font-weight: 800;
}

/* 教程页标题加粗 */
[dir="rtl"] .tutorial-content h1,
[dir="rtl"] .tutorial-content h2,
[dir="rtl"] .tutorial-content h3,
[dir="rtl"] .sidebar-toc .toc-link {
  font-weight: 700;
}

/* ── 首页 RTL（home.css 覆盖） ── */

/* Logo + 汉堡菜单 */
[dir="rtl"] .header-left {
  flex-direction: row-reverse;
}
[dir="rtl"] .logo {
  margin-left: 0;
  margin-right: 2px;
}

/* 导航下拉菜单方向 */
[dir="rtl"] .sub-nav-home {
  margin-left: 0;
  margin-right: 0;
}

/* 分类间隔线 */
[dir="rtl"] .tech-category::before {
  margin-right: 0;
  margin-left: 8px;
}

/* 特性卡片 */
[dir="rtl"] .feature-item {
  border-right: none;
  border-left: 1px solid var(--color-border-light);
}
[dir="rtl"] .feature-item:last-child {
  border-left: none;
}

/* 特性图标 */
[dir="rtl"] .feature-icon {
  margin-right: 0;
  margin-left: 16px;
}

/* TIOBE 排名标记 */
[dir="rtl"] .tiobe-rank {
  right: auto;
  left: 8px;
}

/* HOT 徽标 */
[dir="rtl"] .tech-card::after {
  right: auto;
  left: -23px;
  padding: 3px 8px 10px 0;
}
[dir="rtl"] .tech-card.hot::after {
  justify-content: flex-start;
  padding: 3px 8px 10px 0;
}
[dir="rtl"] .tech-card:hover::after {
  left: 0;
  right: auto;
}

/* 技术卡片图标居中 */
[dir="rtl"] .tech-card .devicon {
  margin-left: auto;
  margin-right: auto;
}

/* FAQ 卡片 */
[dir="rtl"] .faq-letter {
  margin-right: 0;
  margin-left: 8px;
}

/* ── 教程页 RTL（style.css 覆盖） ── */

/* 字体缩放工具栏 */
[dir="rtl"] .font-toolbar {
  right: auto;
  left: 300px;
  border-radius: 0 8px 8px 0;
  box-shadow: 2px 0 12px rgba(37,99,235,0.25);
}
[dir="rtl"] .font-toolbar.highlight {
  box-shadow: 2px 0 16px rgba(37,99,235,0.45);
}
[dir="rtl"] .font-toolbar:hover {
  box-shadow: 2px 0 12px rgba(37,99,235,0.25);
}
[dir="rtl"] .font-toolbar.sidebar-collapsed {
  right: auto;
  left: 0;
}

/* 响应式：<=1024px 字体工具栏位置 */
@media (max-width: 1024px) {
  [dir="rtl"] .font-toolbar { left: 240px; right: auto; }
  [dir="rtl"] .font-toolbar.sidebar-collapsed { left: 0; right: auto; }
}

/* 提示框左边框 → 右边框 */
[dir="rtl"] .note-box.info,
[dir="rtl"] .note-box.warning,
[dir="rtl"] .note-box.tip,
[dir="rtl"] .note-box.error,
[dir="rtl"] .note-box.experiment,
[dir="rtl"] .note-box.example {
  border-left: none;
  border-right: 4px solid;
}
[dir="rtl"] .note-box.info { border-right-color: var(--color-primary); }
[dir="rtl"] .note-box.warning { border-right-color: var(--color-accent); }
[dir="rtl"] .note-box.tip { border-right-color: #10b981; }
[dir="rtl"] .note-box.error { border-right-color: #ef4444; }
[dir="rtl"] .note-box.experiment { border-right-color: #8b5cf6; }
[dir="rtl"] .note-box.example { border-right-color: #06b6d4; }

/* TOC 侧栏链接指示线 */
[dir="rtl"] .sidebar-toc .toc-link {
  border-left: none;
  border-right: 2px solid transparent;
  padding: 3px 12px 3px 0;
}
[dir="rtl"] .sidebar-toc .is-active-link {
  border-left: none;
  border-right-color: var(--color-primary);
}

/* TOC 子列表缩进 */
[dir="rtl"] .sidebar-toc .toc-list .toc-list {
  padding-left: 0;
  padding-right: 14px;
}

/* 左侧导航栏边框 */
[dir="rtl"] .toc-sidebar {
  border-right: none;
  border-left: 1px solid var(--color-border-light);
}

/* 左侧导航编号 */
[dir="rtl"] .toc-num {
  margin-right: 0;
  margin-left: 8px;
}

/* 列表缩进 */
[dir="rtl"] #exercises + ol,
[dir="rtl"] #作业 + ol,
[dir="rtl"] #exercícios + ol,
[dir="rtl"] #atividades + ol,
[dir="rtl"] #練習問題 + ol {
  padding-left: 0;
  padding-right: 44px;
}

[dir="rtl"] #summary + ul,
[dir="rtl"] #小节 + ul,
[dir="rtl"] #resumo + ul,
[dir="rtl"] #まとめ + ul {
  padding-left: 0;
  padding-right: 36px;
}

/* 翻页导航箭头 */
[dir="rtl"] .nav-prev .page-nav-link::before {
  content: "→ ";
}
[dir="rtl"] .nav-next .page-nav-link::after {
  content: " ←";
}
[dir="rtl"] .page-nav .nav-next {
  margin-left: 0;
  margin-right: auto;
}

/* 代码语言标签 */
[dir="rtl"] .code-lang {
  left: auto;
  right: 12px;
}

/* 关闭按钮 */
[dir="rtl"] .sidebar-toggle {
  right: auto;
  left: -36px;
}
[dir="rtl"] .sidebar-toggle.collapsed {
  right: auto;
  left: 0;
}
[dir="rtl"] .tutorial-sidebar.open + .tutorial-content .sidebar-toggle {
  right: auto;
  left: 260px;
}