/* ============================================================
   book.umo7.com 顶部导航修复
   目标：与 www.umo7.com 顶部导航保持一致
   ============================================================ */

/* 1. 清掉 umo7book.css 残留的 header flex 干扰 */
.site-header__inner {
  gap: 0;
}

/* 2. 导航位置按主站规则走，不让 book 专用 CSS 把导航居中拉伸 */
.site-header__nav {
  flex: 0 1 auto;
  justify-content: flex-start;
  min-width: auto;
}

/* 3. 搜索按钮压缩到 76px，并固定在右侧 */
.site-header__search {
  width: 76px;
  min-width: 76px;
  max-width: 76px;
  flex: 0 0 76px;
  justify-content: center;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}

/* 如果还想再给导航腾位置，可以只显示搜索图标，隐藏文字 */
/*
.site-header__search span {
  display: none;
}
.site-header__search {
  width: 44px;
  min-width: 44px;
  max-width: 44px;
  flex-basis: 44px;
}
*/

/* 4. 清掉 umo7book.css 对所有下拉统一 display:grid 的污染 */
.nav-dropdown {
  display: block;
  grid-template-columns: none;
  gap: 0;
}

/* 5. 只有栏目很多的导航才使用主站的多列样式 */
.nav-item--has-dropdown[data-nav-group="china"] .nav-dropdown,
.nav-item--has-dropdown[data-nav-group="europe"] .nav-dropdown,
.nav-item--has-dropdown[data-nav-group="riben"] .nav-dropdown,
.nav-item--has-dropdown[data-nav-group="nanya"] .nav-dropdown {
  display: grid;
  grid-template-columns: repeat(2, minmax(150px, 1fr));
  min-width: 340px;
  gap: 0;
}

.nav-item--has-dropdown[data-nav-group="yafei"] .nav-dropdown {
  display: grid;
  grid-template-columns: repeat(3, minmax(140px, 1fr));
  min-width: 480px;
  gap: 0;
}

/* 6. 苏联史、漠北史/游牧这类短栏目强制单列，样式就会和主站一致 */
.nav-item--has-dropdown[data-nav-group="lishi"] .nav-dropdown,
.nav-item--has-dropdown[data-nav-group="sudong"] .nav-dropdown,
.nav-item--has-dropdown[data-nav-group="youmu"] .nav-dropdown {
  display: block;
  min-width: 180px;
}

/* 7. 防止 book 专用 CSS 残留的 max-width、padding 等影响下拉 */
.nav-dropdown {
  max-width: none;
  padding: var(--spacing-xs) 0;
  border-radius: var(--radius-md);
}

/* 8. 恢复主站下拉项间距 */
.nav-dropdown__link {
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: var(--font-size-sm);
  line-height: normal;
  border-radius: 0;
}

/* 9. 右侧靠边的大下拉保持右对齐，避免溢出 */
.nav-item--has-dropdown[data-nav-group="ci"] .nav-dropdown,
.nav-item--has-dropdown[data-nav-group="yafei"] .nav-dropdown,
.nav-item--has-dropdown:last-child .nav-dropdown {
  left: auto;
  right: 0;
  transform: translateY(8px);
}

.nav-item--has-dropdown[data-nav-group="ci"]:hover .nav-dropdown,
.nav-item--has-dropdown[data-nav-group="yafei"]:hover .nav-dropdown,
.nav-item--has-dropdown:last-child:hover .nav-dropdown,
.nav-item--has-dropdown[data-nav-group="ci"].is-open .nav-dropdown,
.nav-item--has-dropdown[data-nav-group="yafei"].is-open .nav-dropdown,
.nav-item--has-dropdown:last-child.is-open .nav-dropdown {
  transform: translateY(0);
}