/* =============================================
   金帆财税官网 - 多语言层（英文 / 阿拉伯语）
   仅被 /en/、/ar/ 页面引用，不影响中文站
   ============================================= */

/* ---------- 语言切换器 ---------- */
.lang-switch {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-inline-start: auto;
  margin-inline-end: 10px;
  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Segoe UI', Roboto, sans-serif;
}
.lang-switch a {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 13px;
  line-height: 1.2;
  text-decoration: none;
  color: var(--text-secondary);
  border: 1px solid var(--border);
  background: #fff;
  transition: all .2s;
  white-space: nowrap;
}
.lang-switch a:hover { border-color: var(--primary); color: var(--primary); }
.lang-switch a.current { background: var(--primary); border-color: var(--primary); color: #fff; font-weight: 600; }
.header-inner { flex-wrap: wrap; }
@media (max-width: 768px) {
  .lang-switch { margin-inline-start: 0; margin-inline-end: auto; order: 3; width: 100%; justify-content: center; padding-top: 6px; }
}

/* ---------- 阿拉伯语字体 ---------- */
html[lang="ar"] body,
html[lang="ar"] .hero h1,
html[lang="ar"] .section-title h2,
html[lang="ar"] .logo-text,
html[lang="ar"] .article-detail-title,
html[lang="ar"] .article-detail-body {
  font-family: 'Noto Kufi Arabic', 'Cairo', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Segoe UI', Roboto, sans-serif;
}
html[lang="ar"] .hero h1 { font-size: 52px; line-height: 1.5; letter-spacing: normal; }
html[lang="ar"] .section-title h2 { font-size: 30px; line-height: 1.6; }
html[lang="ar"] .article-item h3,
html[lang="ar"] .article-detail-title { line-height: 1.9; }
html[lang="ar"] .article-item .summary,
html[lang="ar"] .business-card p,
html[lang="ar"] .team-member p,
html[lang="ar"] .about-content p,
html[lang="ar"] .article-detail-body p,
html[lang="ar"] .article-detail-body li { line-height: 2.05; }

/* ---------- RTL 修正 ---------- */
html[dir="rtl"] body { text-align: right; }
html[dir="rtl"] .article-item,
html[dir="rtl"] .business-card,
html[dir="rtl"] .contact-item,
html[dir="rtl"] .team-member { text-align: right; }
html[dir="rtl"] .logo { flex-direction: row-reverse; }
html[dir="rtl"] .back-link span { display: inline-block; transform: scaleX(-1); }
html[dir="rtl"] .article-detail-body table { direction: rtl; }
html[dir="rtl"] .article-detail-body th,
html[dir="rtl"] .article-detail-body td { text-align: right; }

/* 英文长标题换行 */
html[lang="en"] .article-item h3 { hyphens: auto; overflow-wrap: break-word; }

/* 外文文章表格（翻译后常见） */
html[lang="en"] .article-detail-body table,
html[lang="ar"] .article-detail-body table {
  width: 100%; border-collapse: collapse; margin: 18px 0; font-size: 15px;
}
html[lang="en"] .article-detail-body th,
html[lang="ar"] .article-detail-body th {
  background: var(--bg-alt, #f3f4f6); font-weight: 700;
}
html[lang="en"] .article-detail-body th,
html[lang="en"] .article-detail-body td,
html[lang="ar"] .article-detail-body th,
html[lang="ar"] .article-detail-body td {
  border: 1px solid var(--border, #e5e7eb); padding: 8px 10px; vertical-align: top;
}

/* 译文缺失 / 语言提示条 */
.lang-notice {
  max-width: var(--content-max, 800px);
  margin: 14px auto 0;
  padding: 10px 14px;
  border-radius: 10px;
  background: #fef3c7;
  color: #92400e;
  font-size: 13.5px;
  line-height: 1.7;
}
.lang-notice a { color: #92400e; font-weight: 700; }

/* ---------- 桌面端页头：导航始终对齐到行尾，换行也不会跑到左边 ---------- */
/* 起因：7 项导航比英文全称 logo 更宽时，.header-inner 换行，
   而 space-between 会把单独成行的导航放到左侧（英文版表现为“导航跳到左边”）。*/
@media (min-width: 769px) {
  .header-inner { justify-content: flex-end; }
  .logo { margin-inline-end: auto; }
  .lang-switch { margin-inline-start: 0; }
  html[lang="en"] nav ul { gap: 18px; }
  html[lang="ar"] nav ul { gap: 16px; }
}