/* =========================================================================
   英文站导航专属微调
   仅由 template/pc/sonostar-en/home/header.html 引入，中文站不受影响。
   -------------------------------------------------------------------------
   背景：英文站一级导航 7 项（含"首页"），在平板档（768–991px）发生折行。
   实测宽度（微软雅黑 Bold 14px，padding 12px，gap 4px）：
     导航自然宽 555px
     该档可用宽 = 视口 768 - 容器内边距 40 - logo 169 - 间距 24 = 535px
     → 溢出 20px，OEM & ODM 一类的长项会折成两行，导航条被撑高
   收紧内边距到 8px 后：导航自然宽 501px，余量 34px，单行显示。
   -------------------------------------------------------------------------
   桌面档（≥992px）不需要微调：自然宽 667px，可用 751~959px，余量充足。
   ========================================================================= */
@media (min-width: 768px) and (max-width: 991px) {
  .main-nav > li > a {
    padding: 10px 8px;
  }
}

/* =========================================================================
   2026-11-03 新增：桌面小宽档（992–1199px）加语言按钮后的空间账
   -------------------------------------------------------------------------
   页头右侧新增语言按钮后，这一档放不下了。按 992px 实测（截图逐像素量的）：
     logo 128 + 间距 24 + 导航 780 + 间距 24 + 语言 102 = 1058
     可用宽只有 992 - 60（容器左右内边距）= 932  → 溢出 126px，
     表现是 "English" 被挤出视口、被右侧浮动工具栏压住。
   分两档处理，窄的那档语言按钮收成地球图标（42px，点开照样能选）：
     1100–1199：导航内边距 18→12，语言保持完整  → 总宽约 950，余 90
      992–1099：导航内边距 18→8、字号 15→14，语言收成图标 → 总宽约 970，余 20
   1200px 起恢复原样（可用 1140，总宽 1058，余 82）。
   ========================================================================= */
@media (min-width: 1100px) and (max-width: 1199px) {
  .main-nav > li > a {
    padding: 10px 12px;
  }
}

@media (min-width: 992px) and (max-width: 1099px) {
  .main-nav > li > a {
    padding: 10px 8px;
    font-size: 14px;
  }
  /* 语言按钮只留地球图标（与平板档一致），省出 60px */
  .lang-switch__btn { width: 42px; padding: 0; justify-content: center; gap: 0; }
  .lang-switch__cur,
  .lang-switch__arw { display: none; }
  .lang-switch__menu { top: calc(100% + 8px); }
}