/* =========================================================================
   俄文站导航专属微调
   仅由 template/pc/sonostar-ru/home/header.html 引入，中文站与英文站完全不受影响。
   -------------------------------------------------------------------------
   【问题】2026-11-10：桌面端导航里「О компании」折成两行（"О" / "компании"）。
            另外 6 项都是单个单词，语法上没有断行点，所以只有它一个人露馅。

   【根因】不是字号太大，也不是译文太长 —— 是**页头这一行本来就装不下**。
            页头结构：.site-header__inner 是 flex 行，三个真身 = logo + 导航 + 语言按钮，
            项间距 24px × 2 = 48。
            .container 是 max-width:1200 + 左右 padding 24（box-sizing:border-box），
            所以 ≥1200 时真正能用的宽度只有 1152px。

            实测（15px/600 字重，微软雅黑，7 个菜单项）：
              1280 / 1440 视口：logo 105 + 导航 882 + 语言 136 + 间距 48 = 1171  ← 超 19px
              1100 视口（导航内边距 12px 档）：logo 106 + 导航 798 + 136 + 48 = 1088  ← 超 31px
              1144 视口：= 1087，可用 1096  ← 只余 9px，勉强不折
              1084 及以下（导航内边距 8px、字号 14px、语言收成 42px 图标）：余 120px，安全

            超了以后 flex 会按比例压缩每一项。压缩本身不会产生折行，
            但 `.main-nav > li > a` 没有设 white-space:nowrap，文字默认允许在空格处断，
            于是唯一带空格的「О компании」被断成两行，
            而其他单项词（Продукция / Применение…）只能整体溢出，看起来反而正常。
            同时 logo 也被挤小了约 10px（img 有 max-width:100%，被压后宽度缩、高度不变）。

   【修法】两条，都不改文案、不改共用样式：
     ① 给导航链接加 white-space:nowrap —— 从机制上禁止任何菜单项折行。
        这一条是"根"：以后后台把某个栏目名改长了，也只会横向挤压，不会再折行。
     ② 按档位把水平内边距收到装得下的程度（这是唯一真正省空间的手段）：
         ≥1200px：18px → 15px，省 42px，余量 +23px
         1100–1199px：12px → 8px，省 56px，余量 +25px（1100 是最窄的那一头）
         ≤1099px 本来就是 8px/14px + 语言图标，余量 120px，不动。
     ③ 顺带给 .brand 加 flex:none，防止 logo 再被挤变形（有 ① 之后本该用不上，
        属于防御性写法）。

   【为什么不直接改 style.css】那条 nav-en.css 的既有约定：各国站点语言长短不同，
   挤的是俄语，就不能让中文站跟着变紧。俄文站单独一份，回滚 = 删这个文件 + 去掉一行 link。
   ========================================================================= */

/* ① 禁止折行：所有桌面端一级导航项一律单行 */
.main-nav > li > a {
  white-space: nowrap;
}

/* ③ logo 不参与压缩，避免被挤成窄条 */
.site-header .brand {
  flex: none;
}

/* ② 桌面宽档（≥1200，容器封顶 1200）：内边距 18 → 15，省 42px */
@media (min-width: 1200px) {
  .main-nav > li > a {
    padding: 10px 15px;
  }
}

/* ② 桌面窄档（1100–1199）：内边距 12 → 8，省 56px
   这一档语言按钮仍是完整的「🌐 Русский ▾」（136px），最吃空间，
   所以内边距收到与 992–1099 档一致。 */
@media (min-width: 1100px) and (max-width: 1199px) {
  .main-nav > li > a {
    padding: 10px 8px;
  }
}
