/* =========================================================
   OJS 导航区终极修复（按你截图的问题重做）
   目标：
   1) 导航条不再遮挡首页 Banner / Current Issue（强制“让位”）
   2) 导航条：白底黑字（含 SEARCH）
   3) 去掉红框中的灰色杠杠/分隔线/阴影/背景纹理
   4) 尽量跨主题通用（OJS 3.x 常见主题）
   ========================================================= */


/* ========== A. 顶部 Header：避免占用过大空白（保守塌缩） ========== */
.pkp_site_header,
.pkp_site_header .pkp_structure_content{
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}


/* ========== B. 导航条：白底黑字 + 清除所有灰线/阴影/背景纹理 ========== */
.pkp_site_nav_menu,
.pkp_site_nav_menu .pkp_structure_content,
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary{
  position: static !important;           /* 关键：彻底取消主题可能的定位导致遮挡 */
  top: auto !important;
  z-index: auto !important;

  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;

  border: 0 !important;                  /* 去掉灰色杠杠（通常是 border/outline） */
  outline: 0 !important;
}

/* 导航区域内的灰线，常见来自 hr 或伪元素或 li/a 的 border */
.pkp_site_nav_menu hr,
.pkp_site_nav_menu *::before,
.pkp_site_nav_menu *::after{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* 菜单项去掉下划线/分隔线 */
.pkp_navigation_primary li,
.pkp_navigation_primary li a{
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
}

/* 导航文字统一黑色（含 visited / span） */
.pkp_navigation_primary a,
.pkp_navigation_primary a:link,
.pkp_navigation_primary a:visited,
.pkp_navigation_primary a span{
  color: #000000 !important;
}

/* Hover / 当前项：仍黑字白底（不出现灰底或色块） */
.pkp_navigation_primary a:hover,
.pkp_navigation_primary li:hover > a,
.pkp_navigation_primary .current > a,
.pkp_navigation_primary .current a{
  color: #000000 !important;
  background: transparent !important;
}

/* SEARCH 区域统一黑色并去除背景 */
.pkp_site_nav_menu .pkp_search,
.pkp_site_nav_menu .pkp_search *{
  color: #000000 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* ========== C. 解决“遮住 Banner”的核心：取消首页区块的上移/负 margin/位移 ========== */
/* 这些区块在不同主题里名称会不同，所以做一组强力兜底 */
.pkp_page_index .page_index_journal,
.pkp_page_index .current_issue,
.pkp_page_index .obj_issue_summary,
.pkp_page_index .obj_issue_toc,
.pkp_page_index .cmp_page_title,
.pkp_page_index .cmp_breadcrumbs{
  position: static !important;
  top: auto !important;
  transform: none !important;

  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 强制 Banner/首页主块“清场”，必须从导航条下面开始排版 */
.pkp_page_index .page_index_journal,
.pkp_page_index .current_issue{
  clear: both !important;
}

/* 如果主题仍然把 Banner 往上顶（导致被导航盖住），就用这一条“让位”：
   你可以把 88px 改成 72px / 96px 微调（但先用默认值）。 */
.pkp_page_index .page_index_journal{
  padding-top: 88px !important;
}

/* 同时把导航条自身的下边距设为 0，避免出现额外空隙 */
.pkp_site_nav_menu{
  margin-bottom: 0 !important;
  padding-bottom: 10px !important;
}


/* ========== D. 可选：主体宽度收敛（像参考期刊那样居中） ========== */
/* 不想改宽度就注释掉这一段 */
:root{ --site-max-width: 1280px; }

.pkp_structure_head,
.pkp_site_nav_menu .pkp_structure_content,
.pkp_page_index .pkp_structure_main,
.pkp_page_index .pkp_structure_footer{
  max-width: var(--site-max-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}