/* =========================================================
   湖南科研科学仪器研究院头部导航修复 v69
   重点处理：
   1. 移动端一级栏目、展开按钮、二级栏目均可点击；
   2. 清除旧版按钮伪元素，避免“加号 + 斜线”叠加；
   3. 取消难以对齐的黄色短条，改为文字高亮与整项浅色背景；
   4. 搜索按钮固定贴紧搜索框最右侧。
   ========================================================= */

.kxy-site-header,
.kxy-site-header * {
  box-sizing: border-box;
}

/* ---------- 搜索框：输入区 + 固定按钮两列 ---------- */
.kxy-site-header .kxy-search {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 60px !important;
  align-items: stretch !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
  overflow: hidden !important;
}

.kxy-site-header .kxy-search input[type="hidden"] {
  display: none !important;
}

.kxy-site-header .kxy-search input[type="search"],
.kxy-site-header .kxy-search input[name="keyboard"] {
  position: static !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding-left: 13px !important;
  padding-right: 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.kxy-site-header .kxy-search button[type="submit"] {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important;
  height: 100% !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
  inset: auto !important;
}

/* ---------- 导航公共点击层级 ---------- */
.kxy-site-header .kxy-nav,
.kxy-site-header .kxy-nav__inner,
.kxy-site-header .kxy-nav__item,
.kxy-site-header .kxy-nav__link,
.kxy-site-header .kxy-subnav,
.kxy-site-header .kxy-subnav a,
.kxy-site-header .kxy-subnav-toggle {
  pointer-events: auto !important;
}

.kxy-site-header .kxy-nav__item {
  position: relative;
}

/* 彻底清除旧版黄色短条及其他叠加装饰。 */
.kxy-site-header .kxy-nav__item::before,
.kxy-site-header .kxy-nav__item::after,
.kxy-site-header .kxy-nav__link::before,
.kxy-site-header .kxy-nav__link::after {
  display: none !important;
  content: none !important;
}

/* ---------- 电脑端 ---------- */
@media (min-width: 981px) {
  .kxy-site-header .kxy-nav__inner {
    align-items: stretch;
  }

  .kxy-site-header .kxy-nav__item {
    display: flex;
    align-items: stretch;
  }

  .kxy-site-header .kxy-nav__item > .kxy-nav__link {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease, background-color 0.2s ease;
  }

  /* 不再使用小黄条：悬停和当前栏目采用文字高亮 + 整项浅底。 */
  .kxy-site-header .kxy-nav__item:hover > .kxy-nav__link,
  .kxy-site-header .kxy-nav__item:focus-within > .kxy-nav__link,
  .kxy-site-header .kxy-nav__item.is-current > .kxy-nav__link {
    color: #f7d36b !important;
    background: rgba(255, 255, 255, 0.08) !important;
  }

  .kxy-site-header .kxy-subnav-toggle {
    display: none !important;
  }

  .kxy-site-header .kxy-subnav {
    z-index: 1000 !important;
  }
}

/* ---------- 手机版和平板 ---------- */
@media (max-width: 980px) {
  .kxy-site-header .kxy-mobile-toggle {
    position: relative !important;
    z-index: 10002 !important;
    pointer-events: auto !important;
  }

  .kxy-site-header .kxy-nav {
    position: relative !important;
    z-index: 10000 !important;
    pointer-events: none !important;
  }

  .kxy-site-header .kxy-nav.is-open {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .kxy-site-header .kxy-nav.is-open .kxy-nav__inner {
    position: relative !important;
    display: block !important;
    height: auto !important;
    max-height: calc(100vh - 88px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    pointer-events: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .kxy-site-header .kxy-nav__item {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 59px !important;
    overflow: visible !important;
    isolation: isolate;
  }

  /* 一级文字链接与右侧展开按钮完全分区，不相互覆盖。 */
  .kxy-site-header .kxy-nav__item > .kxy-nav__link {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    width: calc(100% - 58px) !important;
    min-height: 59px !important;
    margin: 0 !important;
    padding: 0 10px 0 20px !important;
    touch-action: manipulation;
  }

  .kxy-site-header .kxy-nav__item:not(.has-subnav) > .kxy-nav__link {
    width: 100% !important;
    padding-right: 20px !important;
  }

  .kxy-site-header .kxy-nav__item.is-current > .kxy-nav__link,
  .kxy-site-header .kxy-nav__item > .kxy-nav__link:active {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.1) !important;
  }

  /* 右侧展开按钮仅占 58px，且位于链接之外。 */
  .kxy-site-header .kxy-subnav-toggle {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 6 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 59px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    cursor: pointer;
    touch-action: manipulation;
  }

  /* 清除 site-v67.css 旧版按钮自身的加号/斜线。 */
  .kxy-site-header .kxy-subnav-toggle::before,
  .kxy-site-header .kxy-subnav-toggle::after {
    display: none !important;
    content: none !important;
  }

  /* 使用内部 span 重新绘制规整的加号；展开后变为减号。 */
  .kxy-site-header .kxy-subnav-toggle > span {
    position: relative !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    transform: none !important;
    pointer-events: none !important;
  }

  .kxy-site-header .kxy-subnav-toggle > span::before,
  .kxy-site-header .kxy-subnav-toggle > span::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    display: block !important;
    background: #ffffff !important;
    transform: translate(-50%, -50%) !important;
    transition: opacity 0.18s ease, transform 0.18s ease !important;
    pointer-events: none !important;
  }

  .kxy-site-header .kxy-subnav-toggle > span::before {
    width: 18px !important;
    height: 2px !important;
  }

  .kxy-site-header .kxy-subnav-toggle > span::after {
    width: 2px !important;
    height: 18px !important;
  }

  .kxy-site-header .kxy-nav__item.is-subnav-open > .kxy-subnav-toggle > span::after {
    opacity: 0 !important;
    transform: translate(-50%, -50%) scaleY(0) !important;
  }

  /* 覆盖桌面下拉菜单的绝对定位、透明度及悬停逻辑。 */
  .kxy-site-header .kxy-subnav {
    position: static !important;
    inset: auto !important;
    z-index: 10 !important;
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 5px 0 9px !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    box-shadow: none !important;
    pointer-events: auto !important;
  }

  .kxy-site-header .kxy-subnav::before,
  .kxy-site-header .kxy-subnav::after {
    display: none !important;
    content: none !important;
  }

  .kxy-site-header .kxy-nav__item.is-subnav-open > .kxy-subnav {
    display: block !important;
  }

  .kxy-site-header .kxy-subnav a {
    position: relative !important;
    z-index: 11 !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 11px 20px 11px 36px !important;
    line-height: 24px !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    touch-action: manipulation;
  }

  .kxy-site-header .kxy-subnav a:active {
    background: rgba(255, 255, 255, 0.1) !important;
  }

  .kxy-site-header .kxy-subnav a::before,
  .kxy-site-header .kxy-subnav a::after {
    pointer-events: none !important;
  }
}