/* =========================================================
   SHINETRIP i18n · 语言/地区选择器（导航栏右上角）
   战术风格：方角 · 细边框 · 沙色点缀 · 等宽代号 · 四角定位标记
   ========================================================= */

/* 定位：吸附在导航栏内容区右上角（不影响导航居中布局） */
.nav-inner{position:relative}
.ls{position:absolute;right:28px;top:50%;transform:translateY(-50%);z-index:380;display:flex;align-items:center;gap:8px}
@media(max-width:680px){.ls{right:16px;gap:6px}}
.ls-label{font-size:11px;color:var(--steel,#6E7276);letter-spacing:.5px;white-space:nowrap}

/* ---- 触发按钮 ---- */
.ls-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 14px;border:1px solid var(--line,#3A3D42);
  background:transparent;color:var(--text-muted,#4A4D52);
  font-size:12px;letter-spacing:1.5px;font-family:inherit;
  cursor:pointer;transition:border-color .2s,color .2s;white-space:nowrap;
}
.ls-btn:hover,.ls.open .ls-btn{border-color:var(--sand,#B39B6D);color:var(--sand,#B39B6D)}
.ls-btn svg{width:14px;height:14px;flex:none}
.ls-cur{font-weight:500;max-width:9em;overflow:hidden;text-overflow:ellipsis}

/* ---- 下拉面板 ---- */
.ls-panel{
  position:absolute;top:calc(100% + 12px);right:0;width:302px;
  background:rgba(255,255,255,.985);border:1px solid var(--line,#3A3D42);
  box-shadow:0 22px 48px rgba(0,0,0,.16);backdrop-filter:blur(14px);
  display:none;z-index:400;
}
.ls.open .ls-panel{display:block;animation:lsIn .18s ease}
@keyframes lsIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* 四角定位标记（呼应全站战术视觉母题） */
.ls-panel::before,.ls-panel::after{content:'';position:absolute;width:10px;height:10px;pointer-events:none}
.ls-panel::before{top:-1px;left:-1px;border-top:2px solid var(--sand,#B39B6D);border-left:2px solid var(--sand,#B39B6D)}
.ls-panel::after{bottom:-1px;right:-1px;border-bottom:2px solid var(--sand,#B39B6D);border-right:2px solid var(--sand,#B39B6D)}

/* 面板标题 */
.ls-head{padding:14px 16px 11px;border-bottom:1px solid rgba(180,180,180,.35)}
.ls-title{font-size:11px;letter-spacing:3px;color:var(--steel,#6E7276);text-transform:uppercase}
.ls-title b{color:var(--sand,#B39B6D);font-family:Consolas,monospace;letter-spacing:1px;font-weight:600;margin-right:6px}

/* 搜索框 */
.ls-search{
  display:flex;align-items:center;gap:9px;margin:12px 14px 10px;
  padding:8px 12px;border:1px solid var(--line,#3A3D42);background:var(--bg-alt,#F5F5F5);
  transition:border-color .2s;
}
.ls-search:focus-within{border-color:var(--sand,#B39B6D)}
.ls-search svg{width:13px;height:13px;color:var(--steel,#6E7276);flex:none}
.ls-input{
  border:none;outline:none;background:transparent;font-size:12.5px;
  color:var(--text,#1A1A1A);font-family:inherit;width:100%;letter-spacing:.5px;
}
.ls-input::placeholder{color:var(--steel,#6E7276);opacity:.75}

/* 语言列表 */
.ls-list{max-height:296px;overflow-y:auto;padding:6px 6px 8px}
.ls-list::-webkit-scrollbar{width:8px}
.ls-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.18)}
.ls-item{
  display:flex;align-items:center;gap:12px;width:100%;
  padding:10px;border:none;background:transparent;cursor:pointer;
  text-align:left;font-family:inherit;transition:background .15s;position:relative;
}
.ls-item:hover,.ls-item.hl{background:var(--bg-alt,#F5F5F5)}
.ls-item.cur::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--sand,#B39B6D)}

/* 国家/地区代码徽章（跨平台稳定，替代旗帜 emoji） */
.ls-flag{
  flex:none;width:30px;height:22px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line,#3A3D42);font-family:Consolas,monospace;font-size:10px;
  font-weight:700;letter-spacing:1px;color:var(--sand,#B39B6D);background:var(--bg-alt,#F5F5F5);
}
.ls-item.cur .ls-flag{background:var(--sand,#B39B6D);color:#17181A;border-color:var(--sand,#B39B6D)}

.ls-meta{flex:1;min-width:0}
.ls-meta b{display:block;font-size:13px;color:var(--text,#1A1A1A);letter-spacing:.5px;font-weight:600;line-height:1.35}
.ls-meta i{
  display:block;font-style:normal;font-size:10.5px;color:var(--steel,#6E7276);
  letter-spacing:.4px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

.ls-check{flex:none;font-size:12px;color:var(--sand,#B39B6D);font-weight:700;display:none}
.ls-item.cur .ls-check{display:block}

.ls-none{padding:26px 16px;text-align:center;font-size:12px;color:var(--steel,#6E7276);letter-spacing:1px}

/* 阿拉伯语：取消大字距，避免破坏连字 */
html[lang="ar"] .hero h1,
html[lang="ar"] .manifesto h2{letter-spacing:0}
html[lang="ar"] .nav-links a,
html[lang="ar"] .ls-btn,
html[lang="ar"] .btn{letter-spacing:0}

/* ---- 全站内容切换（v2） ---- */
/* 旧分类页产品卡：非中文时 h4 显示自带英文名，隐藏 .en 副行 */
body.st-nonzh .prod-item .en{display:none}
/* 阿拉伯语正文段落取消字距 */
html[lang="ar"] p,
html[lang="ar"] li,
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4{letter-spacing:0}

/* 窄屏适配 */
@media(max-width:680px){
  .ls-panel{width:min(302px,calc(100vw - 24px));right:-10px}
}