/* =====================================================
   RTL 支持（阿拉伯语 /ar/）
   配合 <html dir="rtl">：flex 布局与文本方向由浏览器自动镜像，
   这里只处理字体、图标与少数需要手动翻转的细节。
   ===================================================== */

/* 阿拉伯语字体栈：优先系统自带阿文字体，避免再引入外部字体请求 */
html[dir="rtl"] body,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
html[dir="rtl"] button {
  font-family: "Segoe UI", Tahoma, "Geeza Pro", "Noto Naskh Arabic", "Arial", sans-serif;
  letter-spacing: 0; /* 阿文字母连写，禁用为拉丁设计加的字距 */
}

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

/* 下拉菜单 chevron 图标间距方向翻转 */
html[dir="rtl"] .nav-link .fa-chevron-down {
  margin-right: 0;
  margin-left: 6px;
}

/* 箭头类图标统一翻转（"下一步"语义在 RTL 中指向左） */
html[dir="rtl"] .fa-arrow-right,
html[dir="rtl"] .fa-long-arrow-alt-right,
html[dir="rtl"] .fa-angle-right {
  transform: scaleX(-1);
}

/* 语言切换 6 项：允许换行，防止窄屏溢出顶栏 */
.top-bar .lang-switch {
  flex-wrap: wrap;
  row-gap: 4px;
}
.top-bar .lang-switch a,
.top-bar .lang-switch span {
  white-space: nowrap;
}