/*!
 * pj-lang.css — 语言切换模块样式
 *
 * 来源：原站样式表 cdn.globalso.com/paperjoypaper/style/global/style.css
 *       中「language start → language end」整段，逐条照抄，未改任何数值。
 *       改动只有两处，均不涉及外观：
 *         1) 选择器统一加 #pjlang 作用域前缀，避免与 V6 主题同名类互相覆盖；
 *         2) 旗帜统一用 pj-flags2x.png（44x3424，107 格 x32px 的 2 倍图，显示时缩到 22x16），图源 flagcdn.com
 *            （Wikimedia Commons 公共领域），已下载进插件目录，运行时不请求外站。
 *       末尾「原站 public.css 的补充声明」同样是原站文件里的原始规则。
 */

#pjlang .prisna-wp-translate-seo{display:none;font-family:Arial, Helvetica, sans-serif;}
#pjlang .mobile-head-language .prisna-wp-translate-seo,#pjlang .prisna-wp-translate-seo{display:block}
#pjlang .change-language-title,#pjlang .change-language-title a{font-size:10pt;}
#pjlang .change-language-title a:after{font-family: 'fontawesome';content:"\f0d7";font-size:12px;display:inline-block;padding-left: 2px;}
#pjlang:hover .change-language-title a:after{-moz-transform:rotate(-360deg);-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
#pjlang .change-language-cont{position:absolute;top:36px;right:0;width:360px;background:#FFF;padding:20px 10px 20px 20px;transform: scale3d(0.9, 0.9, 1);opacity:0;visibility:hidden;z-index:999;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border:1px solid #eee;border-radius:5px;overflow-y:scroll;max-height:80vh;}
#pjlang:hover .change-language-cont{transform: scale3d(1, 1, 1);opacity:1;visibility:visible;}
#pjlang .change-language-cont li{display:inline-block;vertical-align:top;width:30%;margin:0 0 10px;font-size:10pt;overflow:hidden;padding:0 10px 0 0;}
#pjlang .change-language-cont li a:hover{color: #009f3c;}
#pjlang .change-language-cont .lang-item-hide{display:none !important;}
#pjlang .change-language-cont .lang-more{position:relative;display:block;text-align:center;cursor:pointer;line-height: 30px;}
#pjlang .change-language-cont .more-active{font-size: 20px;}
#pjlang .language-flag span{position:relative;display:inline-block;vertical-align:top; *display:inline;*zoom:1;white-space:nowrap;padding:0 0 0 33px;overflow:hidden;}
#pjlang ::-webkit-scrollbar{width:5px;}
#pjlang ::-webkit-scrollbar-track{background-color:#fff;}
#pjlang ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:3px;}
#pjlang .language-cont:hover::-webkit-scrollbar-thumb{display:block}
#pjlang .language-flag .country-flag{position:absolute;left:0;top:50%;display:inline-block;vertical-align:top; *display:inline;*zoom:1;
background-repeat: no-repeat;background-image:url(/wp-content/plugins/pj-cdn-rewrite/assets/pj-flags2x.png?v=2);background-size:22px 1712px;width:22px;height:16px;margin:-8px 5px 0;}
#pjlang li.language-flag a{position:relative;}




/* == FLAGS:BEGIN 由 _build_flags_v4.py 生成，勿手改 == */
#pjlang .language-flag-en .country-flag{background-position:0 0 !important}
#pjlang .language-flag-ar .country-flag{background-position:0 -16px !important}
#pjlang .language-flag-id .country-flag{background-position:0 -32px !important}
#pjlang .language-flag-ms .country-flag{background-position:0 -48px !important}
#pjlang .language-flag-ru .country-flag{background-position:0 -64px !important}
#pjlang .language-flag-fr .country-flag{background-position:0 -80px !important}
#pjlang .language-flag-de .country-flag{background-position:0 -96px !important}
#pjlang .language-flag-pt .country-flag{background-position:0 -112px !important}
#pjlang .language-flag-es .country-flag{background-position:0 -128px !important}
#pjlang .language-flag-ja .country-flag{background-position:0 -144px !important}
#pjlang .language-flag-ko .country-flag{background-position:0 -160px !important}
#pjlang .language-flag-tr .country-flag{background-position:0 -176px !important}
#pjlang .language-flag-it .country-flag{background-position:0 -192px !important}
#pjlang .language-flag-pl .country-flag{background-position:0 -208px !important}
#pjlang .language-flag-hi .country-flag{background-position:0 -224px !important}
#pjlang .language-flag-nl .country-flag{background-position:0 -240px !important}
#pjlang .language-flag-fa .country-flag{background-position:0 -256px !important}
#pjlang .language-flag-th .country-flag{background-position:0 -272px !important}
#pjlang .language-flag-vi .country-flag{background-position:0 -288px !important}
#pjlang .language-flag-ga .country-flag{background-position:0 -304px !important}
#pjlang .language-flag-el .country-flag{background-position:0 -320px !important}
#pjlang .language-flag-da .country-flag{background-position:0 -336px !important}
#pjlang .language-flag-ro .country-flag{background-position:0 -352px !important}
#pjlang .language-flag-cs .country-flag{background-position:0 -368px !important}
#pjlang .language-flag-af .country-flag{background-position:0 -384px !important}
#pjlang .language-flag-sv .country-flag{background-position:0 -400px !important}
#pjlang .language-flag-eu .country-flag{background-position:0 -416px !important}
#pjlang .language-flag-ca .country-flag{background-position:0 -432px !important}
#pjlang .language-flag-eo .country-flag{background-position:0 -448px !important}
#pjlang .language-flag-lo .country-flag{background-position:0 -464px !important}
#pjlang .language-flag-sq .country-flag{background-position:0 -480px !important}
#pjlang .language-flag-am .country-flag{background-position:0 -496px !important}
#pjlang .language-flag-hy .country-flag{background-position:0 -512px !important}
#pjlang .language-flag-az .country-flag{background-position:0 -528px !important}
#pjlang .language-flag-be .country-flag{background-position:0 -544px !important}
#pjlang .language-flag-bn .country-flag{background-position:0 -560px !important}
#pjlang .language-flag-bs .country-flag{background-position:0 -576px !important}
#pjlang .language-flag-bg .country-flag{background-position:0 -592px !important}
#pjlang .language-flag-ceb .country-flag{background-position:0 -608px !important}
#pjlang .language-flag-ny .country-flag{background-position:0 -624px !important}
#pjlang .language-flag-co .country-flag{background-position:0 -640px !important}
#pjlang .language-flag-hr .country-flag{background-position:0 -656px !important}
#pjlang .language-flag-et .country-flag{background-position:0 -672px !important}
#pjlang .language-flag-tl .country-flag{background-position:0 -688px !important}
#pjlang .language-flag-fi .country-flag{background-position:0 -704px !important}
#pjlang .language-flag-fy .country-flag{background-position:0 -720px !important}
#pjlang .language-flag-gl .country-flag{background-position:0 -736px !important}
#pjlang .language-flag-ka .country-flag{background-position:0 -752px !important}
#pjlang .language-flag-gu .country-flag{background-position:0 -768px !important}
#pjlang .language-flag-ht .country-flag{background-position:0 -784px !important}
#pjlang .language-flag-ha .country-flag{background-position:0 -800px !important}
#pjlang .language-flag-haw .country-flag{background-position:0 -816px !important}
#pjlang .language-flag-iw .country-flag{background-position:0 -832px !important}
#pjlang .language-flag-hmn .country-flag{background-position:0 -848px !important}
#pjlang .language-flag-hu .country-flag{background-position:0 -864px !important}
#pjlang .language-flag-is .country-flag{background-position:0 -880px !important}
#pjlang .language-flag-ig .country-flag{background-position:0 -896px !important}
#pjlang .language-flag-jw .country-flag{background-position:0 -912px !important}
#pjlang .language-flag-kn .country-flag{background-position:0 -928px !important}
#pjlang .language-flag-kk .country-flag{background-position:0 -944px !important}
#pjlang .language-flag-km .country-flag{background-position:0 -960px !important}
#pjlang .language-flag-ku .country-flag{background-position:0 -976px !important}
#pjlang .language-flag-ky .country-flag{background-position:0 -992px !important}
#pjlang .language-flag-la .country-flag{background-position:0 -1008px !important}
#pjlang .language-flag-lv .country-flag{background-position:0 -1024px !important}
#pjlang .language-flag-lt .country-flag{background-position:0 -1040px !important}
#pjlang .language-flag-lb .country-flag{background-position:0 -1056px !important}
#pjlang .language-flag-mk .country-flag{background-position:0 -1072px !important}
#pjlang .language-flag-mg .country-flag{background-position:0 -1088px !important}
#pjlang .language-flag-ml .country-flag{background-position:0 -1104px !important}
#pjlang .language-flag-mt .country-flag{background-position:0 -1120px !important}
#pjlang .language-flag-mi .country-flag{background-position:0 -1136px !important}
#pjlang .language-flag-mr .country-flag{background-position:0 -1152px !important}
#pjlang .language-flag-mn .country-flag{background-position:0 -1168px !important}
#pjlang .language-flag-my .country-flag{background-position:0 -1184px !important}
#pjlang .language-flag-ne .country-flag{background-position:0 -1200px !important}
#pjlang .language-flag-no .country-flag{background-position:0 -1216px !important}
#pjlang .language-flag-ps .country-flag{background-position:0 -1232px !important}
#pjlang .language-flag-pa .country-flag{background-position:0 -1248px !important}
#pjlang .language-flag-sr .country-flag{background-position:0 -1264px !important}
#pjlang .language-flag-st .country-flag{background-position:0 -1280px !important}
#pjlang .language-flag-si .country-flag{background-position:0 -1296px !important}
#pjlang .language-flag-sk .country-flag{background-position:0 -1312px !important}
#pjlang .language-flag-sl .country-flag{background-position:0 -1328px !important}
#pjlang .language-flag-so .country-flag{background-position:0 -1344px !important}
#pjlang .language-flag-sm .country-flag{background-position:0 -1360px !important}
#pjlang .language-flag-gd .country-flag{background-position:0 -1376px !important}
#pjlang .language-flag-sn .country-flag{background-position:0 -1392px !important}
#pjlang .language-flag-sd .country-flag{background-position:0 -1408px !important}
#pjlang .language-flag-su .country-flag{background-position:0 -1424px !important}
#pjlang .language-flag-sw .country-flag{background-position:0 -1440px !important}
#pjlang .language-flag-tg .country-flag{background-position:0 -1456px !important}
#pjlang .language-flag-ta .country-flag{background-position:0 -1472px !important}
#pjlang .language-flag-te .country-flag{background-position:0 -1488px !important}
#pjlang .language-flag-uk .country-flag{background-position:0 -1504px !important}
#pjlang .language-flag-ur .country-flag{background-position:0 -1520px !important}
#pjlang .language-flag-uz .country-flag{background-position:0 -1536px !important}
#pjlang .language-flag-cy .country-flag{background-position:0 -1552px !important}
#pjlang .language-flag-xh .country-flag{background-position:0 -1568px !important}
#pjlang .language-flag-yi .country-flag{background-position:0 -1584px !important}
#pjlang .language-flag-yo .country-flag{background-position:0 -1600px !important}
#pjlang .language-flag-zu .country-flag{background-position:0 -1616px !important}
#pjlang .language-flag-rw .country-flag{background-position:0 -1632px !important}
#pjlang .language-flag-tt .country-flag{background-position:0 -1648px !important}
#pjlang .language-flag-or .country-flag{background-position:0 -1664px !important}
#pjlang .language-flag-tk .country-flag{background-position:0 -1680px !important}
#pjlang .language-flag-ug .country-flag{background-position:0 -1696px !important}
/* == FLAGS:END == */

/* ── 原站 public/public.css 里对下拉面板的补充声明（V6 页不加载 public.css，这里补上） ── */
#pjlang .change-language-cont{top:27px;padding:10px 5px;width:380px !important;max-height:80vh !important;overflow-y:scroll !important}

/* ── 主题清理：V6 主题把同一份列表的 a 设成 33.33% 宽 + flex，会把三列挤成九列，这里还原 ── */
#pjlang .change-language-cont .prisna-wp-translate-seo{padding:0;margin:0;display:block;line-height:1.5;font-size:15px}
#pjlang .change-language-cont .prisna-wp-translate-seo>li>a{display:block;width:auto;flex:none;padding:0;margin:0}
/* V6 从 <body> 继承了 line-height:40px、并给 span 加了 max-width，行高翻倍且文字被裁；
   这里把行高与宽度收回原版量值（原版 li 13.33px/20px，span 不受限） */
#pjlang .change-language-cont .prisna-wp-translate-seo li,
#pjlang .change-language-cont .prisna-wp-translate-seo li a{line-height:1.5}
#pjlang .change-language-cont .language-flag span{max-width:none}

/* ── 展开后 89 项要滚动，More Language/x 贴底常驻，不用滚到底才能收起 ── */
#pjlang .change-language-cont .lang-more{position:sticky;bottom:0;background:#fff;padding:4px 0 2px}
#pjlang .change-language-cont .prisna-wp-translate-seo{padding-bottom:30px}

/* ── 顶栏当前语言文字：V6 头部底色是深色，原站靠 .head_top 作用域给白色，V6 没有这个类 ── */
#pjlang .change-language-title a{color:#fff}
/* ── 母语写法普遍比英文长（Bahasa/ʻŌlelo/Lëtzebuergesch…），面板加宽到 430px、列表字号 12px ── */
#pjlang .change-language-cont{width:430px !important}
#pjlang .change-language-cont .prisna-wp-translate-seo li{font-size:12px}
/* 白底/浅色旗（印尼、波兰、马耳他、日本…）在白面板上看不出边界，加一圈极淡描边 */
#pjlang .language-flag .country-flag{box-shadow:0 0 0 1px rgba(0,0,0,.12);border-radius:2px}
/* ── 非英文页顶部导航：译文普遍比英文长，先收紧项间距与内边距，尽量保持原字号一行放下
      （仍放不下时由 pj-lang.js 的 fitNav 逐级收字号） ── */
html:not([lang="en"]) .section-block-demo43-header .nav>li{margin:0 3px}
html:not([lang="en"]) .section-block-demo43-header .nav>li>a{padding:7px 8px}
/* ── 顶栏「当前语言」：国旗与文字垂直居中对齐。
      原版是 span 用 padding-left 让位、b 绝对定位 top:50%，而 title 的 line-height 是 40px，
      文字被顶到行盒上部，国旗反而低 12px。这里改成 flex 行内布局。 ── */
#pjlang .change-language-title .language-flag a{display:inline-flex;align-items:center;line-height:1.2}
#pjlang .change-language-title .language-flag .country-flag{position:static;left:auto;top:auto;margin:0 7px 0 0}
#pjlang .change-language-title .language-flag span{padding-left:0;line-height:1.2}

/* ── 手机端语言抽屉：让 107 项能滚到底（只在打开态生效）──
   V6 主题在手机头部另生成这套语言列表，结构
     .mobile-head-language > .side-content-wrap(.show-content-wrap=打开) > .content-wrap > .change-language-cont
   它没有任何高度上限：107 项实高 1078px，手机可视高度只有 844px，
   底部约 20 个语种（维吾尔语、土库曼语等）被屏幕裁掉且滚不到，用户根本点不到。
   只做两件事：
   1) 给面板本身设高度上限并允许纵向滚动；
   2) 列表由 3 列改 2 列 —— 面板宽 253px 时 3 列每列仅约 84px，
      "Lëtzebuergesch"/"Беларусь" 这类母语写法会压到国旗上并被切掉。
   刻意不撑宽面板：撑宽会盖住抽屉右上角的关闭按钮，导致抽屉关不掉。
   全部规则挂在 .show-content-wrap 下，抽屉关闭时元素仍在文档里，无条件应用会挡住整页点击。 */
@media (max-width: 900px) {
	.mobile-head-language .side-content-wrap.show-content-wrap .change-language-cont{
		max-height: calc(100vh - 96px) !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
	}
	.mobile-head-language .side-content-wrap.show-content-wrap .change-language-cont li{
		width: 50% !important;
		margin: 0 0 8px !important;
	}
	.mobile-head-language .side-content-wrap.show-content-wrap .change-language-cont li a{
		font-size: 13px;
		line-height: 1.6;
	}
}

/* 手机端语言抽屉的国旗基础样式：抽屉在 .mobile-head-language 里，不在 #pjlang 作用域内，
   原来只有 background-position 失效、连 background-image 都没有，导致所有国旗显示成同一张。 */
.change-language-cont .language-flag .country-flag{position:absolute;left:0;top:50%;display:inline-block;vertical-align:top;
background-repeat:no-repeat;background-image:url(/wp-content/plugins/pj-cdn-rewrite/assets/pj-flags2x.png?v=2);background-size:22px 1712px;width:22px;height:16px;margin:-8px 5px 0;}
.change-language-cont li.language-flag a{position:relative;}

/* == FLAGS:MOBILE — 同一套国旗位置，作用域改为两套 DOM 都有的 .change-language-cont == */
.change-language-cont .language-flag-en .country-flag{background-position:0 0 !important}
.change-language-cont .language-flag-ar .country-flag{background-position:0 -16px !important}
.change-language-cont .language-flag-id .country-flag{background-position:0 -32px !important}
.change-language-cont .language-flag-ms .country-flag{background-position:0 -48px !important}
.change-language-cont .language-flag-ru .country-flag{background-position:0 -64px !important}
.change-language-cont .language-flag-fr .country-flag{background-position:0 -80px !important}
.change-language-cont .language-flag-de .country-flag{background-position:0 -96px !important}
.change-language-cont .language-flag-pt .country-flag{background-position:0 -112px !important}
.change-language-cont .language-flag-es .country-flag{background-position:0 -128px !important}
.change-language-cont .language-flag-ja .country-flag{background-position:0 -144px !important}
.change-language-cont .language-flag-ko .country-flag{background-position:0 -160px !important}
.change-language-cont .language-flag-tr .country-flag{background-position:0 -176px !important}
.change-language-cont .language-flag-it .country-flag{background-position:0 -192px !important}
.change-language-cont .language-flag-pl .country-flag{background-position:0 -208px !important}
.change-language-cont .language-flag-hi .country-flag{background-position:0 -224px !important}
.change-language-cont .language-flag-nl .country-flag{background-position:0 -240px !important}
.change-language-cont .language-flag-fa .country-flag{background-position:0 -256px !important}
.change-language-cont .language-flag-th .country-flag{background-position:0 -272px !important}
.change-language-cont .language-flag-vi .country-flag{background-position:0 -288px !important}
.change-language-cont .language-flag-ga .country-flag{background-position:0 -304px !important}
.change-language-cont .language-flag-el .country-flag{background-position:0 -320px !important}
.change-language-cont .language-flag-da .country-flag{background-position:0 -336px !important}
.change-language-cont .language-flag-ro .country-flag{background-position:0 -352px !important}
.change-language-cont .language-flag-cs .country-flag{background-position:0 -368px !important}
.change-language-cont .language-flag-af .country-flag{background-position:0 -384px !important}
.change-language-cont .language-flag-sv .country-flag{background-position:0 -400px !important}
.change-language-cont .language-flag-eu .country-flag{background-position:0 -416px !important}
.change-language-cont .language-flag-ca .country-flag{background-position:0 -432px !important}
.change-language-cont .language-flag-eo .country-flag{background-position:0 -448px !important}
.change-language-cont .language-flag-lo .country-flag{background-position:0 -464px !important}
.change-language-cont .language-flag-sq .country-flag{background-position:0 -480px !important}
.change-language-cont .language-flag-am .country-flag{background-position:0 -496px !important}
.change-language-cont .language-flag-hy .country-flag{background-position:0 -512px !important}
.change-language-cont .language-flag-az .country-flag{background-position:0 -528px !important}
.change-language-cont .language-flag-be .country-flag{background-position:0 -544px !important}
.change-language-cont .language-flag-bn .country-flag{background-position:0 -560px !important}
.change-language-cont .language-flag-bs .country-flag{background-position:0 -576px !important}
.change-language-cont .language-flag-bg .country-flag{background-position:0 -592px !important}
.change-language-cont .language-flag-ceb .country-flag{background-position:0 -608px !important}
.change-language-cont .language-flag-ny .country-flag{background-position:0 -624px !important}
.change-language-cont .language-flag-co .country-flag{background-position:0 -640px !important}
.change-language-cont .language-flag-hr .country-flag{background-position:0 -656px !important}
.change-language-cont .language-flag-et .country-flag{background-position:0 -672px !important}
.change-language-cont .language-flag-tl .country-flag{background-position:0 -688px !important}
.change-language-cont .language-flag-fi .country-flag{background-position:0 -704px !important}
.change-language-cont .language-flag-fy .country-flag{background-position:0 -720px !important}
.change-language-cont .language-flag-gl .country-flag{background-position:0 -736px !important}
.change-language-cont .language-flag-ka .country-flag{background-position:0 -752px !important}
.change-language-cont .language-flag-gu .country-flag{background-position:0 -768px !important}
.change-language-cont .language-flag-ht .country-flag{background-position:0 -784px !important}
.change-language-cont .language-flag-ha .country-flag{background-position:0 -800px !important}
.change-language-cont .language-flag-haw .country-flag{background-position:0 -816px !important}
.change-language-cont .language-flag-iw .country-flag{background-position:0 -832px !important}
.change-language-cont .language-flag-hmn .country-flag{background-position:0 -848px !important}
.change-language-cont .language-flag-hu .country-flag{background-position:0 -864px !important}
.change-language-cont .language-flag-is .country-flag{background-position:0 -880px !important}
.change-language-cont .language-flag-ig .country-flag{background-position:0 -896px !important}
.change-language-cont .language-flag-jw .country-flag{background-position:0 -912px !important}
.change-language-cont .language-flag-kn .country-flag{background-position:0 -928px !important}
.change-language-cont .language-flag-kk .country-flag{background-position:0 -944px !important}
.change-language-cont .language-flag-km .country-flag{background-position:0 -960px !important}
.change-language-cont .language-flag-ku .country-flag{background-position:0 -976px !important}
.change-language-cont .language-flag-ky .country-flag{background-position:0 -992px !important}
.change-language-cont .language-flag-la .country-flag{background-position:0 -1008px !important}
.change-language-cont .language-flag-lv .country-flag{background-position:0 -1024px !important}
.change-language-cont .language-flag-lt .country-flag{background-position:0 -1040px !important}
.change-language-cont .language-flag-lb .country-flag{background-position:0 -1056px !important}
.change-language-cont .language-flag-mk .country-flag{background-position:0 -1072px !important}
.change-language-cont .language-flag-mg .country-flag{background-position:0 -1088px !important}
.change-language-cont .language-flag-ml .country-flag{background-position:0 -1104px !important}
.change-language-cont .language-flag-mt .country-flag{background-position:0 -1120px !important}
.change-language-cont .language-flag-mi .country-flag{background-position:0 -1136px !important}
.change-language-cont .language-flag-mr .country-flag{background-position:0 -1152px !important}
.change-language-cont .language-flag-mn .country-flag{background-position:0 -1168px !important}
.change-language-cont .language-flag-my .country-flag{background-position:0 -1184px !important}
.change-language-cont .language-flag-ne .country-flag{background-position:0 -1200px !important}
.change-language-cont .language-flag-no .country-flag{background-position:0 -1216px !important}
.change-language-cont .language-flag-ps .country-flag{background-position:0 -1232px !important}
.change-language-cont .language-flag-pa .country-flag{background-position:0 -1248px !important}
.change-language-cont .language-flag-sr .country-flag{background-position:0 -1264px !important}
.change-language-cont .language-flag-st .country-flag{background-position:0 -1280px !important}
.change-language-cont .language-flag-si .country-flag{background-position:0 -1296px !important}
.change-language-cont .language-flag-sk .country-flag{background-position:0 -1312px !important}
.change-language-cont .language-flag-sl .country-flag{background-position:0 -1328px !important}
.change-language-cont .language-flag-so .country-flag{background-position:0 -1344px !important}
.change-language-cont .language-flag-sm .country-flag{background-position:0 -1360px !important}
.change-language-cont .language-flag-gd .country-flag{background-position:0 -1376px !important}
.change-language-cont .language-flag-sn .country-flag{background-position:0 -1392px !important}
.change-language-cont .language-flag-sd .country-flag{background-position:0 -1408px !important}
.change-language-cont .language-flag-su .country-flag{background-position:0 -1424px !important}
.change-language-cont .language-flag-sw .country-flag{background-position:0 -1440px !important}
.change-language-cont .language-flag-tg .country-flag{background-position:0 -1456px !important}
.change-language-cont .language-flag-ta .country-flag{background-position:0 -1472px !important}
.change-language-cont .language-flag-te .country-flag{background-position:0 -1488px !important}
.change-language-cont .language-flag-uk .country-flag{background-position:0 -1504px !important}
.change-language-cont .language-flag-ur .country-flag{background-position:0 -1520px !important}
.change-language-cont .language-flag-uz .country-flag{background-position:0 -1536px !important}
.change-language-cont .language-flag-cy .country-flag{background-position:0 -1552px !important}
.change-language-cont .language-flag-xh .country-flag{background-position:0 -1568px !important}
.change-language-cont .language-flag-yi .country-flag{background-position:0 -1584px !important}
.change-language-cont .language-flag-yo .country-flag{background-position:0 -1600px !important}
.change-language-cont .language-flag-zu .country-flag{background-position:0 -1616px !important}
.change-language-cont .language-flag-rw .country-flag{background-position:0 -1632px !important}
.change-language-cont .language-flag-tt .country-flag{background-position:0 -1648px !important}
.change-language-cont .language-flag-or .country-flag{background-position:0 -1664px !important}
.change-language-cont .language-flag-tk .country-flag{background-position:0 -1680px !important}
.change-language-cont .language-flag-ug .country-flag{background-position:0 -1696px !important}
/* == FLAGS:MOBILE END == */

/* ── 首页「Why Choose Us」区块的手机端修复 ──
   桌面布局是 .index_bd_inner{display:flex} + 左右各 flex:0 0 50% + padding 0 80px/0 50px。
   手机 390px 宽时：50% = 195px，减掉 160px padding，正文只剩几十像素宽，
   于是文字重叠、被截断、绿色块互相压。全套 @media 里没有任何规则管这块。
   这里在窄屏改成上下堆叠、去掉固定 padding。 */
@media (max-width: 768px) {
	.index_company_intr .index_bd_inner{
		display: block !important;
		margin: 0 !important;
	}
	.index_company_intr .company_intr_img,
	.index_company_intr .company_intr_cont{
		display: block !important;
		flex: none !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
	}
	.index_company_intr .company_intr_img{ margin-bottom: 18px !important; }
	.index_company_intr .adv_item{
		align-items: flex-start !important;
		padding: 14px 0 !important;
	}
	.index_company_intr .adv_item .adv_item_ico{
		width: 44px !important;
		height: auto !important;
		flex: 0 0 44px;
		margin-right: 10px !important;
		float: none !important;
	}
	.index_company_intr .adv_item .adv_item_info{
		flex: 1 1 auto;
		min-width: 0;
	}
	.index_company_intr .company_intr_title{
		font-size: 24px !important;
		line-height: 1.3 !important;
		word-break: break-word;
	}
	.index_company_intr .adv_item_info h3{ font-size: 16px !important; }
	.index_company_intr .adv_item_info p{
		font-size: 14px !important;
		line-height: 1.7 !important;
		word-break: break-word;
	}
}

/* ══════════════════════════════════════════════════════════════════════
   手机端语言面板「统一皮肤」
   ──────────────────────────────────────────────────────────────────────
   现象：同样点语言图标，有的页面是两列、文字压在国旗上、国旗全是同一面；
         有的页面是一列、国旗正确、文字也让开了。像两个网站。
   原因：服务端只有一份 #pjlang 语言列表，手机端那套是主题 JS 克隆出来的副本
         （$(".change-language-cont").clone() 塞进 .mobile-head-language），
         **不在 #pjlang 内**。而 pj-lang.css 里这三组规则全都挂在 #pjlang 下：
           1) #pjlang .language-flag span{padding:0 0 0 33px}    文字给国旗让位
           2) #pjlang .language-flag-xx .country-flag{...107 条}  每面旗的位置
           3) #pjlang .change-language-cont li{width:30%}        列宽
         克隆副本一条都命中不了 → 文字压旗、国旗全一样、列数看页面心情。
   修法：作用域换成 .change-language-cont（桌面和手机两套 DOM 都有这个类），
         把上面三组补齐。只限定在 max-width:900px，桌面端零影响。
   ══════════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
	/* ① 文字让位：国旗宽 22px，文字从 29px 起排，留 7px 间隙 */
	.change-language-cont li.language-flag > a > span{
		display: inline-block !important;
		vertical-align: top !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis;
		max-width: 100%;
		box-sizing: border-box;
		padding: 0 0 0 29px !important;
		line-height: 16px !important;
	}
	/* ② 国旗定位基准与尺寸（两套 DOM 兜底，防止某套 a 不是 relative） */
	.change-language-cont li.language-flag > a{
		position: relative !important;
		display: block !important;
		padding: 0 !important;
		min-height: 16px;
	}
	.change-language-cont .language-flag > a > .country-flag{
		position: absolute !important;
		left: 0 !important;
		top: 50% !important;
		width: 22px !important;
		height: 16px !important;
		margin: -8px 0 0 0 !important;
		background-repeat: no-repeat !important;
		background-image: url(/wp-content/plugins/pj-cdn-rewrite/assets/pj-flags2x.png?v=2) !important;
		background-size: 22px 1712px !important;
	}
	/* ③ 统一两列 107 项，字号行距一致（原来桌面面板 3 列 / 手机各页不一） */
	.change-language-cont li.language-flag{
		display: inline-block !important;
		vertical-align: top !important;
		width: 50% !important;
		margin: 0 0 8px !important;
		padding: 0 6px 0 0 !important;
		box-sizing: border-box;
		font-size: 13px !important;
		line-height: 16px !important;
		overflow: hidden !important;
	}
	/* ④ 面板内部统一白底，避免不同页面底色不一致时出现"半黑半白" */
	.change-language-cont.sub-content{ background: #fff; }
}

/* ══════════════════════════════════════════════════════════════════════
   新模板语言面板（桌面端）—— 从全量源码包补录的页面专用
   ──────────────────────────────────────────────────────────────────────
   问题：这类页面（/news/6/ ~ /news/14/）只加载 style.css，**没有 common.css**，
         而语言下拉的布局规则（li 宽度、span 让位、国旗定位）全在 common.css 里。
         结果 107 个 li 失去约束，挤成 5~6 列、只剩国旗、文字看不见、面板窄到 240px。
   识别：新面板 <div class="change-language" data-module="2">，没有 ensemble class；
         老面板是 <div id="pjlang" class="change-language ensemble">，靠 #pjlang 的规则。
   这里用 :not(.ensemble) 精确只命中新面板，不动老面板（老面板零影响）。
   ══════════════════════════════════════════════════════════════════════ */
/* ① 下拉面板本体：宽度、白底、滚动、浮层 */
.change-language:not(.ensemble) .change-language-cont{
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 9999;
	width: 420px;
	max-width: calc(100vw - 24px);
	max-height: 80vh;
	overflow-y: auto;
	overflow-x: hidden;
	background: #fff;
	padding: 12px 10px;
	box-sizing: border-box;
	box-shadow: 0 6px 18px rgba(0,0,0,.14);
	border-radius: 4px;
	display: none;
}
.change-language:not(.ensemble):hover .change-language-cont,
.change-language:not(.ensemble).pj-open .change-language-cont{ display: block; }

/* ② 列表项：三列，与老面板一致 */
.change-language:not(.ensemble) .change-language-cont li.language-flag{
	display: inline-block !important;
	vertical-align: top !important;
	width: 33.33% !important;
	margin: 0 0 10px !important;
	padding: 0 10px 0 0 !important;
	box-sizing: border-box;
	font-size: 13px !important;
	line-height: 16px !important;
	overflow: hidden !important;
}

/* ③ 链接与文字让位：国旗 22px，文字从 32px 起 */
.change-language:not(.ensemble) .change-language-cont li.language-flag > a{
	position: relative !important;
	display: block !important;
	padding: 0 !important;
	min-height: 16px;
}
.change-language:not(.ensemble) .change-language-cont li.language-flag > a > span{
	display: inline-block !important;
	vertical-align: top !important;
	padding: 0 0 0 32px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis;
	max-width: 100%;
	box-sizing: border-box;
	line-height: 16px !important;
}

/* ④ 国旗：绝对定位在行首，尺寸与 sprite 对齐 */
.change-language:not(.ensemble) .change-language-cont .country-flag{
	position: absolute !important;
	left: 0 !important;
	top: 50% !important;
	width: 22px !important;
	height: 16px !important;
	margin: -8px 0 0 0 !important;
	background-repeat: no-repeat !important;
	background-image: url(/wp-content/plugins/pj-cdn-rewrite/assets/pj-flags2x.png?v=2) !important;
	background-size: 22px 1712px !important;
}

/* ⑤ 标题栏里的当前语言：不要让 32px 缩进把标题推歪 */
.change-language:not(.ensemble) > .change-language-title{ position: relative; }
.change-language:not(.ensemble) > .change-language-title > .country-flag{
	position: absolute !important;
	left: 0 !important;
	top: 50% !important;
	margin-top: -8px !important;
}
.change-language:not(.ensemble) > .change-language-title > span{
	padding-left: 30px !important;
	display: inline-block;
	line-height: 16px;
}

/* ⑥ 旧模板（V5 .web_main 新闻详情/产品页）手机端横向溢出
   这些页面沿用的是旧站 float 布局，右侧悬浮联系栏 .aside-sidebar-demo5-block 是
   position:fixed + right:0，但被一个带 transform 的祖先改写了 containing block，
   实测在 390px 视口下 left=430（整块跑到屏幕外），却把 document.scrollWidth 撑到 478px
   —— 用户看到的是"页面能左右晃动、右侧内容被切"。
   V6 主题页面根本不输出这个块（手机端用另一套圆形按钮），所以这里在窄屏直接隐藏，
   既不损失任何可见功能，也消除横向滚动。 */
@media (max-width: 768px) {
	.aside-sidebar-demo5-block { display: none !important; }
}

/* ⑦ 旧模板页面（V5 .web_main）手机端顶栏被撑宽
   这些页面除了主题 CSS 还额外加载旧站 /cdn.globalso.com/paperjoypaper/style/global/style.css，
   里面有一条给 .layout 的固定宽度规则，把手机顶栏 .mobile-head-items 算成 459px（视口 390），
   于是整页出现横向滚动、右侧内容被切。V6 页面不加载那份 CSS，所以只有新闻详情/产品页中招。
   这里在窄屏强制顶栏按视口宽度铺满。 */
@media (max-width: 768px) {
	.mobile-head-items { width: 100% !important; max-width: 100vw !important; box-sizing: border-box !important; }
}

/* ⑧ 同一批旧模板页面：页脚 INQUIRY 按钮把页面撑到 460px
   旧站页脚模板给 .footer-item.footer-company 写死 max-width:415px，按钮 min-width 也被撑开，
   390px 视口下按钮右边缘到 478px → 依旧横向滚动。
   窄屏统一改成按容器宽度收缩。V6 页面本来就 ≤100%，此规则对它们没有影响。 */
@media (max-width: 768px) {
	.section-block-demo60-footer .footer-item,
	.footer-items .footer-item { max-width: 100% !important; }
	.footer-items .btn { max-width: 100% !important; min-width: 0 !important; }
}

/* ⑨ 页脚 INQUIRY 按钮的最后一层保险
   max-width:100% 只是相对父容器（父容器本身带 18px 内边距，仍在 422px 处溢出），
   所以这里直接按视口算宽度；再给旧模板页面（含 .web_main）加 overflow-x:hidden 兜底，
   避免类似"某个固定宽度元素"再冒出来撑破手机版面。:has() 不支持的旧浏览器自动忽略。 */
@media (max-width: 768px) {
	.footer-items .btn { max-width: calc(100vw - 40px) !important; min-width: 0 !important; }
	body:has(.web_main) { overflow-x: hidden; }
}

/* ⑩ 页脚 INQUIRY 按钮真正的成因：旧站模板给它 padding:50px 200px（左右各 200px），
   max-width 压不住 padding 造成的 400px 最小宽度，所以仍然溢出 32px。
   窄屏改回正常按钮内边距；同时把 html 也一起 overflow-x:hidden（只加在 body 上时
   documentElement 仍可滚动，Safari/Chrome 的 scrollWidth 依旧是 422）。 */
@media (max-width: 768px) {
	.footer-items .btn { padding: 12px 18px !important; width: auto !important; max-width: 100% !important; }
	html:has(.web_main), body:has(.web_main) { overflow-x: hidden !important; }
}

/* ⑪ 旧模板面包屑（.path_bar）手机端换行错乱
   原站把面包屑写成 flex，第三项（当前页完整标题，动辄 100+ 字符）放不下时整项换到下一行
   并占满 390px，字符从行首溢出 → 截图里看到 "Inici – / Notícies –" 之后突然断行。
   窄屏改成：末项独占一行 + 单行省略号，标题再长也不会撑破版面。 */
@media (max-width: 768px) {
	.path_bar ul { flex-wrap: wrap !important; padding: 0 12px !important; box-sizing: border-box !important; }
	.path_bar li { max-width: 100% !important; font-size: 12px !important; line-height: 1.6 !important; }
	.path_bar li:last-child { flex: 1 1 100% !important; padding-right: 0 !important; }
	.path_bar li a {
		display: inline-block !important; max-width: 100% !important;
		overflow: hidden !important; text-overflow: ellipsis !important;
		white-space: nowrap !important; vertical-align: middle !important;
	}
}

/* ⑫ 面包屑分隔符（li:after / .la:after 的 "/"）在窄屏会被单独挤到一行，
   视觉上多出一个孤零零的斜杠。窄屏直接去掉分隔符，改用间距区分层级。 */
@media (max-width: 768px) {
	.path_bar li::after,
	.path_bar li .la::after { content: none !important; display: none !important; }
	.path_bar li:not(:last-child) { padding-right: 16px !important; }
}