/**
 * LiCheng Products — RTL 覆盖（阿拉伯语）
 *
 * 为什么需要单独一个文件：
 *   主题 hostinger-ai-theme 没有 rtl.css，WordPress 不会自动加载 RTL 覆盖。
 *   Polylang 设置 locale 为 ar 时，WordPress 会通过 language_attributes()
 *   在 <html> 上输出 dir="rtl"，但样式仍按 LTR 生效。
 *
 * 策略：
 *   1. 只针对 [dir="rtl"] 作用域，绝不影响 LTR 语言
 *   2. 用逻辑属性做方向修正，而不是逐个覆盖物理属性
 *   3. 只处理真正影响可读性的项，避免为 189 处硬编码全部写覆盖
 *      （多数是主题装饰性间距，方向反了不影响阅读）
 *
 * 已知需在 staging 实测后再补的部分：
 *   - Elementor 生成的每页 CSS（约 200+ 处物理属性），需访问所有页面后
 *     让 CSS 文件生成，再针对性补充
 *   - 主题自身的导航与页脚在 RTL 下的对齐
 */

/* =============================================================================
   1. 基础方向
   ========================================================================== */

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

/* 拉丁字符内容（型号、参数值、数字）在 RTL 段落里保持 LTR 渲染 */
[dir="rtl"] .lc-summary__model strong,
[dir="rtl"] .lc-table td,
[dir="rtl"] .lc-related__model {
	direction: ltr;
	unicode-bidi: embed;
	text-align: right;
}

/* =============================================================================
   2. 产品摘要块：左边框是强调线，RTL 下应移到右侧
   ========================================================================== */

[dir="rtl"] .lc-summary {
	border-left: 0;
	border-right: 4px solid var(--lc-navy, #0d2b4b);
	border-radius: var(--lc-radius, 12px) 0 0 var(--lc-radius, 12px);
}

/* =============================================================================
   3. 区块标题的强调下划线：从左侧移到右侧
   ========================================================================== */

[dir="rtl"] .lc-block__title::after {
	left: auto;
	right: 0;
}

[dir="rtl"] .lc-block__title {
	text-align: right;
}

/* =============================================================================
   4. 条目列表的项目符号：从左侧移到右侧
   ========================================================================== */

[dir="rtl"] .lc-list li {
	padding-left: 0;
	padding-right: 26px;
}

[dir="rtl"] .lc-list li::before {
	left: auto;
	right: 4px;
}

/* =============================================================================
   5. 技术参数表
   ========================================================================== */

[dir="rtl"] .lc-table th,
[dir="rtl"] .lc-table td {
	text-align: right;
}

[dir="rtl"] .lc-table th[scope="row"] {
	text-align: right;
}

/* =============================================================================
   6. FAQ 折叠：展开符号从右侧移到左侧
   ========================================================================== */

[dir="rtl"] .lc-faq__q {
	padding-right: 18px;
	padding-left: 44px;
	text-align: right;
}

[dir="rtl"] .lc-faq__q::after {
	right: auto;
	left: 18px;
}

[dir="rtl"] .lc-faq__a {
	text-align: right;
}

/* =============================================================================
   7. 询价行动区
   ========================================================================== */

[dir="rtl"] .lc-quote-card .lc-cta,
[dir="rtl"] .lc-cta {
	text-align: right;
}

[dir="rtl"] .lc-quote-card .lc-cta__actions {
	justify-content: flex-start;
}

/* =============================================================================
   8. 浮动咨询按钮：RTL 下移到左下角，避免与返回顶部等元素重叠
   ========================================================================== */

[dir="rtl"] .lc-fc {
	right: auto;
	left: 20px;
}

[dir="rtl"] .lc-fc__panel {
	right: auto;
	left: 0;
}

@media (max-width: 600px) {
	[dir="rtl"] .lc-fc {
		right: auto;
		left: 14px;
	}
}

/* =============================================================================
   9. 语言切换器
   ========================================================================== */

[dir="rtl"] .lc-lang-switcher ul {
	justify-content: flex-start;
}

/* =============================================================================
   10. 阿拉伯语字体兜底
   ========================================================================== */

/*
 * 主题字体栈未确认覆盖阿拉伯字形。这里为阿拉伯语页面指定一个
 * 系统可用的阿拉伯字体优先栈，避免字形缺失或显示不一致。
 */
[dir="rtl"] body,
[dir="rtl"] .lc-block,
[dir="rtl"] .lc-table,
[dir="rtl"] .lc-faq__q,
[dir="rtl"] .lc-faq__a,
[dir="rtl"] .lc-cta {
	font-family: "Segoe UI", "Noto Naskh Arabic", "Noto Sans Arabic",
		"Geeza Pro", "Arial", "Tahoma", sans-serif;
}

/* 拉丁字符（型号、单位）仍用原字体，保证等宽与可读性 */
[dir="rtl"] .lc-table td,
[dir="rtl"] .lc-summary__model strong,
[dir="rtl"] .lc-related__model,
[dir="rtl"] code {
	font-family: ui-monospace, "Cascadia Mono", Consolas, "Courier New", monospace;
}

/* =============================================================================
   多型号对比表格（RTL）
   ========================================================================== */

.lc-spec__subtitle {
	padding-left: 0;
	padding-right: 10px;
	border-left: 0;
	border-right: 3px solid var(--lc-accent, #c8102e);
}

/* 首列吸附方向反转 */
.lc-table--compare thead th:first-child {
	text-align: right;
	left: auto;
	right: 0;
}

.lc-table--compare tbody th[scope="row"] {
	left: auto;
	right: 0;
}

.lc-table--compare thead th,
.lc-table--compare tbody td {
	text-align: center;
}

.lc-table--compare tbody th[scope="row"] {
	text-align: right;
}

/* 拉丁字符（型号、单位数值）保持 LTR 渲染，避免被镜像 */
.lc-table--compare tbody th[scope="row"],
.lc-table--compare tbody td {
	direction: ltr;
	unicode-bidi: embed;
}

.lc-table--compare tbody th[scope="row"] {
	direction: rtl;
	unicode-bidi: isolate;
}