@charset "UTF-8";
/**
 * L2 语言增量样式 —— 阿拉伯语（ar）
 *
 * 这是"大改造"用的层：只有该语言的语言码存在对应文件时才被加载
 * （由 [pboot:lang_css] 自动输出 <link>，见 apps/home/controller/ExtLabelController.php）。
 *
 * 什么时候用本层：
 *   · 整体方向要反转（RTL）、布局要重排 → 用本层
 *   · 只是字号/内边距/换行的小差异 → 用 L1 的 skin/css/lang.css（html[lang="en"]{...}）
 *
 * ⚠️ 本文件独立于 PbootCMS 系统文件，在线升级不会覆盖。
 *
 * @date 2026-09-18
 */

/* ================= 1. 基础：整站从右向左 ================= */
html[dir="rtl"] {
    direction: rtl;
}
html[dir="rtl"] body {
    text-align: right;
}

/* ================= 2. 左右方向的图形元素需要镜像 ================= */
html[dir="rtl"] .back-btn,
html[dir="rtl"] .back-btn2,
html[dir="rtl"] .back-btn3,
html[dir="rtl"] .arrow,
html[dir="rtl"] [class*="arrow"] {
    transform: scaleX(-1);
}

/* ================= 3. 用 left/right 绝对定位的元素要换边 ================= */
html[dir="rtl"] .close-btn {
    left: 10px;
    right: auto;
}
html[dir="rtl"] .header .logo {
    direction: ltr;   /* logo 图片不参与镜像 */
}

/* ================= 4. 文字类：阿拉伯字母行高要放宽 ================= */
html[dir="rtl"] body {
    line-height: 1.9;   /* 阿拉伯文笔画上下伸展，行距太紧会粘连 */
}
html[dir="rtl"] .header .top p,
html[dir="rtl"] .header .top .share {
    letter-spacing: 0;  /* 阿拉伯文是连写，绝不能加字距 */
}

/* ================= 5. 表单/输入框方向 ================= */
html[dir="rtl"] input,
html[dir="rtl"] textarea {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="number"] {
    direction: ltr;      /* 电话/邮箱/数字仍按从左到右输入 */
    text-align: right;
}

/* ================= 6. 待补：跑起 ar 站后按实际页面逐个补 =================
   例如导航二级菜单的展开方向、轮播箭头的左右、面包屑的箭头符号 >>> 改 <<< 等：
   html[dir="rtl"] .location li { direction: rtl; }
   ======================================================================== */