/**
 * 智梭智控官网 语言切换器样式 (V2.0 i18n)
 * 位置：导航栏右侧，小程序按钮之前
 * 11种语言：简体中文/English/Русский/Қазақ/O'zbek/日本語/Français/Tiếng Việt/Bahasa Melayu/Bahasa Indonesia/العربية
 */
.lang-switcher{position:relative;display:inline-flex;align-items:center;margin-right:4px;list-style:none}
.lang-switcher-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;line-height:1.4}
.lang-switcher-btn:hover,.lang-switcher-btn:focus{background:rgba(0,212,255,.15);border-color:rgba(0,212,255,.5);outline:none}
.lang-switcher-btn[aria-expanded="true"]{background:rgba(0,212,255,.2);border-color:rgba(0,212,255,.6)}
.lang-globe{flex-shrink:0;opacity:.85}
.lang-current{max-width:100px;overflow:hidden;text-overflow:ellipsis}
.lang-caret{flex-shrink:0;transition:transform .2s ease}
.lang-switcher-btn[aria-expanded="true"] .lang-caret{transform:rotate(180deg)}
.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;max-height:none;overflow-y:visible;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.15);padding:6px;margin:0;list-style:none;z-index:10000;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
.lang-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}
.lang-dropdown li{margin:0}
.lang-option{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:8px;color:#1f2937;font-size:14px;text-decoration:none;cursor:pointer;transition:background .15s ease;white-space:nowrap}
.lang-option:hover,.lang-option:focus{background:#f3f4f6;outline:none}
.lang-option.active{background:linear-gradient(135deg,rgba(22,90,232,.1),rgba(14,163,144,.1));color:#165ae8;font-weight:600}
.lang-option .lang-check{display:inline-block;width:16px;text-align:center;color:#165ae8;font-size:13px;flex-shrink:0}
.lang-option:not(.active) .lang-check{visibility:hidden}
.lang-option .lang-name{flex:1}
.lang-option .lang-code{font-size:11px;color:#9ca3af;font-weight:400;margin-left:.35em}
.lang-option.active .lang-code{color:#165ae8}
@media(max-width:768px){.lang-switcher-btn{padding:4px 8px;font-size:12px;gap:4px}.lang-current{max-width:70px;font-size:12px}.lang-dropdown{right:-8px;min-width:200px;max-height:none}.lang-option{padding:7px 12px;font-size:13px}}
html[dir="rtl"] .lang-switcher{margin-right:0;margin-left:4px}
html[dir="rtl"] .lang-dropdown{right:auto;left:0}
html[dir="rtl"] .lang-option .lang-code{margin-left:0;margin-right:auto}

/* ============================================================
   V2.1 内页白色导航栏适配（首页 body.v10-home 为深色导航，不套用）
   背景：pages.css 将内页 navbar 强制白底深色字，但多语言切换按钮
   及 小程序/预约演示/联系 按钮仍为深色背景专用样式 → 白字白底不可见。
   本文件在 pages.css/v10-visual.css 之后加载，同级特异性后定义生效。
   ============================================================ */

/* ---- 语言切换按钮：浅色版 ---- */
body:not(.v10-home) .lang-switcher-btn{
  background:#f5f6f8;
  border:1px solid #d9dee7;
  color:#1e3a5f
}
body:not(.v10-home) .lang-switcher-btn:hover,
body:not(.v10-home) .lang-switcher-btn:focus{
  background:#e8f0fe;
  border-color:#165ae8;
  color:#165ae8
}
body:not(.v10-home) .lang-switcher-btn[aria-expanded="true"]{
  background:#e8f0fe;
  border-color:#165ae8;
  color:#165ae8
}
body:not(.v10-home) .lang-globe,
body:not(.v10-home) .lang-caret{opacity:.9}

/* ---- 小程序/预约演示/联系 按钮：强制按钮自身配色（覆盖 pages.css 的通用 .navbar a 深色字规则）---- */
body:not(.v10-home) .navbar .nav-link.nav-miniprogram-btn{color:#fff !important}
body:not(.v10-home) .navbar .nav-link.nav-miniprogram-btn:hover{color:#fff !important}
body:not(.v10-home) .navbar .nav-link.btn-demo{color:#fff !important}
body:not(.v10-home) .navbar .nav-link.btn-contact{color:#fff !important}
body:not(.v10-home) .navbar .nav-link.btn-primary{color:#fff !important}

/* ---- 移动端汉堡按钮：内页白底导航下用深色线条 ---- */
body:not(.v10-home) .navbar .hamburger span{background:#1e3a5f}

/* ---- 下拉菜单本身始终白底，不受导航底色影响，再次兜底 ---- */
.lang-dropdown{background:#fff;color:#1f2937}