/* =============================================================
 * /www/TDK/assets/sf-nav.css  (v1.0.0)
 * 站群通用导航栏兜底：
 *   1. 主菜单横排一行
 *   2. 子菜单默认隐藏，父项 hover / focus-within 才展开
 *   3. 桌面端隐藏移动导航，移动端隐藏桌面导航
 *   4. 兼容 s-prefix / generatepress / elementor / ant-tlc / bootstrap-swiper
 * 加载顺序：base.css → baseline.css → 主题 style → sf-fallback → sf-nav
 * ============================================================= */

/* ---- 1. 头部外壳：把 s-prefix 的 .site-header > .s-container 转为单行 ---- */
.site-header._heading > .s-container,
header._heading > .s-container,
.site-header > .inside-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 8px 16px !important;
  box-sizing: border-box !important;
}

.site-header .site-branding,
.site-header .site-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
}

.site-header .site-branding a,
.site-header .site-logo a {
  display: inline-flex !important;
  align-items: center !important;
}

.site-header .action-left,
.site-header .action-right,
.site-header .site-action,
.site-header .button-box {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
}

/* ---- 2. 主菜单 UL 横排 ---- */
.site-header ul.menu,
.site-header ul.nav-menu,
.site-header ul#primary-menu,
.site-header ul#mobile-menu,
.main-navigation ul.menu,
.main-navigation > ul,
.menu-primary-menu-container > ul,
.menu-primary-container > ul,
nav.site-nav-d ul,
nav#site-nav-d ul,
nav.primary-navigation ul,
nav.navigation ul,
.primary-nav > ul,
.header-nav > ul,
.nav-menu,
#nav-menu,
#menu-primary-menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0 !important;
  width: auto !important;
}

/* 菜单 li 通用 */
.site-header ul.menu > li,
.site-header ul.nav-menu > li,
.site-header ul#primary-menu > li,
.main-navigation ul.menu > li,
.main-navigation > ul > li,
.menu-primary-menu-container > ul > li,
nav.site-nav-d ul > li,
nav.primary-navigation ul > li,
.primary-nav > ul > li,
.header-nav > ul > li,
li.menu-item,
li.page_item {
  position: relative !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  display: block !important;
}

/* 菜单 a 通用 */
.site-header ul.menu > li > a,
.site-header ul.nav-menu > li > a,
.site-header ul#primary-menu > li > a,
.main-navigation ul.menu > li > a,
.main-navigation > ul > li > a,
.menu-primary-menu-container > ul > li > a,
nav.site-nav-d ul > li > a,
nav.primary-navigation ul > li > a,
.primary-nav > ul > li > a,
.header-nav > ul > li > a,
li.menu-item > a,
li.page_item > a {
  display: inline-flex !important;
  align-items: center !important;
  padding: 10px 14px !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

/* ---- 3. 子菜单：默认隐藏、hover / focus-within / 展开态显示 ---- */
.sub-menu,
.children,
ul.sub-menu,
ul.children,
.menu-item-has-children > .sub-menu,
.page_item_has_children > .children,
li.menu-item-has-children > ul,
li.page_item_has_children > ul {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 9999 !important;
  min-width: 200px !important;
  margin: 0 !important;
  padding: 6px 0 !important;
  list-style: none !important;
  background: #1a1a1a !important;
  color: #e0e0e0 !important;
  border: 1px solid rgba(255, 200, 61, .22) !important;
  border-radius: 6px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .45) !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}

/* hover / focus-within / 展开态显示（含 JS 添加的 open/show/active） */
li.menu-item-has-children:hover > .sub-menu,
li.menu-item-has-children:focus-within > .sub-menu,
li.menu-item-has-children.open > .sub-menu,
li.menu-item-has-children.show > .sub-menu,
li.menu-item-has-children.is-open > .sub-menu,
li.menu-item:hover > .sub-menu,
li.menu-item:focus-within > .sub-menu,
li.page_item_has_children:hover > .children,
li.page_item_has_children:focus-within > .children,
li.nav-item:hover > .sub-menu,
li.nav-item:focus-within > .sub-menu {
  display: flex !important;
}

/* 子菜单 li / a */
.sub-menu > li,
.children > li {
  position: relative !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  float: none !important;
  display: block !important;
}
.sub-menu > li > a,
.children > li > a {
  display: block !important;
  padding: 8px 14px !important;
  color: #e0e0e0 !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}
.sub-menu > li > a:hover,
.children > li > a:hover {
  background: rgba(255, 200, 61, .1) !important;
  color: #ffc83d !important;
}

/* 三级菜单向右侧展开 */
.sub-menu .sub-menu,
.children .children {
  top: 0 !important;
  left: 100% !important;
}

/* 父项箭头提示 */
li.menu-item-has-children > a::after,
li.page_item_has_children > a::after {
  content: " ▾";
  font-size: 10px;
  margin-left: 4px;
  opacity: .7;
}

/* ---- 4. 桌面端 / 移动端导航显隐 ---- */
@media (min-width: 992px) {
  .site-nav-m,
  nav#site-nav-m,
  nav.site-nav-m,
  ._mobile,
  .site-toggle,
  .m-menu-toggle,
  .mobile-menu,
  .menu-toggle {
    display: none !important;
  }
  ._desktop,
  .site-nav-d,
  nav#site-nav-d,
  nav.site-nav-d {
    display: flex !important;
    align-items: center !important;
  }
}

@media (max-width: 991.98px) {
  ._desktop,
  .site-nav-d,
  nav#site-nav-d {
    display: none !important;
  }
  .site-nav-m,
  nav#site-nav-m {
    display: block !important;
    width: 100% !important;
  }
  /* 移动端菜单纵向展开，子菜单一并展示（去除 hover 约束） */
  .site-nav-m ul.menu,
  .site-nav-m ul#mobile-menu,
  nav#site-nav-m ul.menu {
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
  }
  .site-nav-m .sub-menu,
  .site-nav-m .children {
    position: static !important;
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 0 0 16px !important;
    min-width: 0 !important;
  }
  .site-nav-m li.menu-item-has-children.open > .sub-menu,
  .site-nav-m li.menu-item-has-children:focus-within > .sub-menu {
    display: flex !important;
  }
}

/* ---- 5. 去除菜单 li 可能遗留的 list-style 点 ---- */
.site-header li::marker,
.main-navigation li::marker,
.menu li::marker,
.sub-menu li::marker { content: "" !important; }