/*
 * 英文站专有导航定制 —— English-only navigation overrides.
 *
 * 为什么放这里：本目录 wwwroot-en/assets-en/ 在 theme/ 之外，不会被
 * tools/sync-theme.sh 的 `rsync -a --delete`（中文主题 → 英文 theme/）覆盖或删除。
 * 因此所有「只在英文站生效、中文站不要」的样式都集中写在这个文件里，
 * theme/ 下的 theme.css / header.php 保持与中文站源主题一致，sync 可安全运行。
 *
 * 本文件由 inc/theme-init.php 在 theme.css 之后 enqueue，故同选择器可直接覆盖中文基线值。
 */

/* —— 主菜单：项目间距 25px；非悬浮 15px / 悬浮 14px（中文基线 32px / 16px / 17px）—— */
.obs-primary-menu { gap: 25px; }
.obs-primary-menu li a,
.obs-primary-menu li span { font-size: 15px; }
.obs-nav.scrolled .obs-primary-menu li a,
.obs-nav.scrolled .obs-primary-menu li span { font-size: 14px; }

/* —— sports 子菜单：项目间距 18px；两态均 14px（中文基线 24px / 15px / 16px）—— */
.obs-sports-menu { gap: 18px; }
.obs-sports-menu li a,
.obs-sports-menu li span { font-size: 14px; }
.obs-nav.scrolled .obs-sports-menu li a,
.obs-nav.scrolled .obs-sports-menu li span { font-size: 14px; }

/* —— 分隔线左右间距 18px（中文基线 0 24px）—— */
.obs-nav-divider { margin: 0 18px; }

/* —— 悬浮（scrolled）状态隐藏 sports 子菜单与分隔线 —— */
.obs-nav.scrolled .obs-sports-menu,
.obs-nav.scrolled .obs-nav-divider { display: none; }

/* —— 悬浮状态把导航左侧 logo 换成 scrolled 版本 ——
 * header.php 里 <img> 始终指向 logo.png（与中文站一致），这里用 CSS content
 * 在悬浮态替换为 scrolled logo，避免改动被 sync 覆盖的 header.php。 */
.obs-nav.scrolled .obs-scrolled-logo img {
  content: url(/assets-en/logo-scrolled.png);
}