/* =====================================================
   ar.css — 阿拉伯语站 (/ar/) 主题 + RTL 覆盖
   基底：sea.css（共享布局与组件），本文件只做主题与方向性覆盖
   配色：深绿松石 #0B4F43（海湾信任色）+ 沙金 #B08A3E + 暖白
   字体：Tajawal（几何无衬线，数字用西文 0-9，符合海湾商务习惯）
   注意：阿拉伯字母连写，任何 letter-spacing 都会破坏字形 → 全局归零
   ===================================================== */

/* ---------- 阿拉伯主题 ---------- */
body.theme-ar {
  --font: "Tajawal", "Noto Naskh Arabic", "Segoe UI", Tahoma, sans-serif;
  --ink: #14211E;
  --ink-2: #4A5A55;
  --muted: #7C8B85;
  --line: #E2E5DF;
  --line-2: #C8D2CC;
  --surface: #FFFFFF;
  --surface-2: #F7F4EC;
  --brand: #0B4F43;
  --brand-soft: #E1EFE9;
  --accent: #0B4F43;
  --accent-dark: #083A31;
  --accent-soft: #E1EFE9;
  --gold: #B08A3E;
  --hero-bg: #F4F8F5;
  --radius: 10px;
  --radius-lg: 14px;
  line-height: 1.9;
}

body.theme-ar .hero {
  background-image:
    repeating-linear-gradient(45deg, rgba(176, 138, 62, 0.05) 0 1px, transparent 1px 16px),
    repeating-linear-gradient(-45deg, rgba(11, 79, 67, 0.045) 0 1px, transparent 1px 16px),
    linear-gradient(180deg, #F4F8F5 0%, #FBF8F1 100%);
  border-bottom: 1px solid var(--line-2);
}
body.theme-ar .sea-section { background: #FBF9F3; }
body.theme-ar .sea-section + .sea-section { background: #FFFFFF; }
body.theme-ar .section-kicker { color: var(--gold); }
body.theme-ar .hero-kicker { color: var(--gold); }
body.theme-ar .stat strong { color: var(--accent-dark); }
body.theme-ar .sea-footer { background: #12332C; }
body.theme-ar .sea-footer h4 { color: #DFC08A; }
body.theme-ar .btn-primary { background: var(--accent); }
body.theme-ar .btn-primary:hover { background: var(--accent-dark); }

/* ---------- 阿拉伯字排印 ---------- */
/* 连写字体不能被字距撑开，且阿拉伯文没有大小写 */
html[dir="rtl"] body,
html[dir="rtl"] body * {
  letter-spacing: normal !important;
  text-transform: none !important;
}
body.theme-ar h1,
body.theme-ar h2,
body.theme-ar h3 {
  font-weight: 700;
  line-height: 1.5;
}
body.theme-ar .hero h1 { font-weight: 700; line-height: 1.45; }
body.theme-ar .lead { line-height: 1.95; }
body.theme-ar .body-p { line-height: 2; margin-bottom: 1.05em; }
body.theme-ar .brand-text em { letter-spacing: 0.1em !important; }

/* ---------- RTL 方向性覆盖 ---------- */
html[dir="rtl"] body { text-align: right; }
html[dir="rtl"] .hero .lead,
html[dir="rtl"] .section-head p,
html[dir="rtl"] .art-row p { text-align: right; }

/* 表格：右对齐，数值列也跟随 */
html[dir="rtl"] .sea-table th,
html[dir="rtl"] .sea-table td { text-align: right; }

/* 页头：品牌在右，语言与报价在左 */
html[dir="rtl"] .header-inner { flex-direction: row; }
html[dir="rtl"] .sea-nav { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .brand { flex-direction: row; }

/* 面包屑：改为从右往左读，箭头方向已由模板写成 ‹ */
html[dir="rtl"] .hero-crumb { direction: rtl; text-align: right; }

/* 列表缩进镜像 */
html[dir="rtl"] .art-steps,
html[dir="rtl"] .art-rel,
html[dir="rtl"] .spec-row { padding-right: 1.15em; padding-left: 0; }
html[dir="rtl"] .art-steps li,
html[dir="rtl"] .art-rel li { text-align: right; }

/* 卡片内“详情”链接箭头与对齐 */
html[dir="rtl"] .link-more { align-self: flex-start; }
html[dir="rtl"] .card { text-align: right; }
html[dir="rtl"] .feature,
html[dir="rtl"] .step,
html[dir="rtl"] .app,
html[dir="rtl"] .stat { text-align: right; }

/* 表单：标签与输入右对齐；电话/邮箱保持 LTR */
html[dir="rtl"] .sea-form label { text-align: right; }
html[dir="rtl"] .sea-form input,
html[dir="rtl"] .sea-form select,
html[dir="rtl"] .sea-form textarea { text-align: right; }
html[dir="rtl"] .sea-form input[dir="ltr"] { text-align: left; }
html[dir="rtl"] .form-note,
html[dir="rtl"] .form-status { text-align: right; }

/* 跳转链接与蜜罐字段：RTL 下 left:-9999px 会落在滚动溢出侧（end side），
   把 scrollWidth 撑大近千像素 → 镜像到 right */
html[dir="rtl"] .skip-link { left: auto; right: -999px; }
html[dir="rtl"] .skip-link:focus { left: auto; right: 0; }
html[dir="rtl"] .hp-field { left: auto; right: -999px; }

/* 悬浮 WhatsApp 移到左下，避免与右侧滚动条打架 */
html[dir="rtl"] .wa-float { right: auto; left: 18px; }

/* 跳转链接 */
html[dir="rtl"] .skip-link:focus { left: auto; right: 0; }

/* 文章目录：标题在右、日期在左（flex 顺序自动镜像，此处修正间距） */
html[dir="rtl"] .art-row { gap: 24px; }
html[dir="rtl"] .art-date { text-align: left; }

/* 页脚四列：从右往左排列 */
html[dir="rtl"] .footer-inner { text-align: right; }

/* ---------- 响应式修正 ---------- */
@media (max-width: 920px) {
  html[dir="rtl"] .header-actions { margin-left: 0; margin-right: auto; }
  html[dir="rtl"] .burger { margin-left: 0; margin-right: 0; }
  html[dir="rtl"] .sea-nav.is-open { text-align: right; }
  html[dir="rtl"] .sea-lang-mobile .lang-row { justify-content: flex-start; }
}

@media (max-width: 680px) {
  body.theme-ar .hero h1 { line-height: 1.4; }
  html[dir="rtl"] .art-row { gap: 8px; }
}