@charset "UTF-8";
/**
 * 语言适配层 —— 多语言站点「因语言而异」的样式，全部集中在这里
 *
 * 为什么要有这一层：
 *   中文最短、英文最长（同样内容宽度可能差 1.5~2 倍），阿拉伯语还是从右向左（RTL）。
 *   如果直接改 style.css，会连锁影响中文站；所以：
 *     · 基础样式（style.css）保持中文原样，不动；
 *     · 只有"某语言需要特殊处理"的规则写在本文件，用 html[lang="xx"] 限定作用域；
 *     · RTL 用 html[dir="rtl"]（由 [pboot:html_dir] 自动输出）。
 *   这样加语言不用改模板、也不会影响已有语言。
 *
 * 怎么加一条调整：
 *   1) 先用浏览器看到哪个元素变形/溢出（元素上右键 → 检查）；
 *   2) 在这里追加一条，例如：
 *        html[lang="en"] .nav-list1 > li > a { padding: 0 10px; font-size: 15px; }
 *   3) 保存即生效（CSS 不走模板编译，浏览器强刷即可）。
 *
 * ⚠️ 本文件独立于 PbootCMS 系统文件，在线升级不会覆盖。
 *
 * ⚠️⚠️ flex 布局必读（已踩坑）：
 *   bootstrap 给 `.container/.row/.nav/.navbar/.clearfix` 等加了 clearfix
 *     `:before,:after { display: table; content: " "; }`
 *   一旦给这些选择器再加 `display: flex`，**两个伪元素会变成 flex 子项**，
 *   配合 `justify-content: space-between` 就会把真正的子元素挤到中间 → 错位变形。
 *   在这种元素上写 flex 时，必须同时清掉伪元素：
 *     .your-selector:before, .your-selector:after { display: none; content: none; }
 *   （参考实现：skin/css/style.css 里 `.header .top .container` 那段）
 *
 * @date 2026-09-18
 */

/* ================= 1. 通用：长单词 / 长句子不断行导致的溢出 ================= */
/* 英文单词比中文长，容器固定宽度时容易顶出来；这里兜底允许换行。 */
html[lang]:not([lang="zh-CN"]) .wrap,
html[lang]:not([lang="zh-CN"]) .container,
html[lang]:not([lang="zh-CN"]) .content {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* ================= 2. 主导航：标签较长的语言（英/俄/德/法…）================= */
/*
   背景：style.css 的主导航是「float:left + padding:0 30px」，宽度是按中文标签
        （2~4 字）配的。英文标签长得多（News & Information = 17 字符），
        总宽撑不住 1170px 容器 → 靠左堆、右侧留白，长标签还可能被
        `overflow:hidden` 裁切或换行（父级 line-height 96px，换了必炸）。
   修法：改成 flex 均分铺满 + 禁止换行 + 压缩内边距。
   作用域：排除「短标签语言」（简体/繁体/日/韩），中文站一行都不受影响。
       短标签语言如需同样处理，把它的 lang 从 :not(...) 里去掉即可。
*/
@media (min-width: 1200px) {
    html[lang]:not([lang="zh-CN"]):not([lang="zh-Hant"]):not([lang="ja"]):not([lang="ko"]) .header .nav .nav-list1 {
        display: flex;
        width: 100%;
        justify-content: space-between;   /* 均分铺满，消除右侧留白 */
    }
    html[lang]:not([lang="zh-CN"]):not([lang="zh-Hant"]):not([lang="ja"]):not([lang="ko"]) .header .nav .nav-list1 > li {
        float: none;                      /* 覆盖原来的 float:left */
    }
    html[lang]:not([lang="zh-CN"]):not([lang="zh-Hant"]):not([lang="ja"]):not([lang="ko"]) .header .nav .nav-list1 > li > a {
        padding: 0 14px;                  /* 原 30px 对英文太宽 */
        font-size: 15px;
        white-space: nowrap;              /* 关键：长标签绝不换行 */
    }
}

/* ---- 2.x 其它按需启用（示例，默认注释）----
   html[lang="en"] .btn-inquiry,
   html[lang="en"] .input-submit,
   html[lang="en"] .btn { width: auto; min-width: 92px; padding: 0 14px; }
   html[lang="en"] .title-in b { line-height: 1.35; }
   ========================================================================= */

/* ================= 3. 从右向左（阿拉伯语 / 波斯语 / 希伯来语 / 乌尔都语） ================= */
/* dir="rtl" 由 [pboot:html_dir] 自动输出（见 config/i18n_reserved.php 的 rtl_langs） */
html[dir="rtl"] {
    direction: rtl;
}
html[dir="rtl"] body {
    text-align: right;
}

/* 3.1 左右方向的图标/箭头需要镜像（按实际组件逐个补）
   html[dir="rtl"] .back-btn2,
   html[dir="rtl"] .back-btn3 { transform: scaleX(-1); }

   3.2 用绝对定位写死 left/right 的元素要换边
   html[dir="rtl"] .close-btn { left: 10px; right: auto; }

   3.3 若某个区块整体镜像后仍别扭，可按块局部还原
   html[dir="rtl"] .logo { direction: ltr; }
   ========================================================================= */