/* ==========================================================================
   移动端页眉导航 — 全站可点击、布局优化
   ========================================================================== */

@media (max-width: 999px) {
  .header-box-upper {
    position: relative;
    z-index: 1000;
  }

  .header-box-middle {
    position: relative;
    z-index: 1001;
  }

  .menu-group {
    flex-wrap: wrap !important;
    gap: 0 !important;
  }

  .header-logo {
    flex-basis: 55% !important;
    max-width: 55%;
  }

  .header-inner-menu {
    flex-basis: 45% !important;
    max-width: 45%;
    padding-left: 8px !important;
    padding-right: 8px !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .pf-header-tools {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
  }

  .pf-header-tools > .wp-block-navigation {
    order: 1;
    flex: 0 0 auto;
    margin-left: auto;
  }

  .pf-product-search--header {
    order: 3;
    flex: 1 1 100%;
    max-width: none;
    min-width: 0;
  }

  /* 汉堡按钮：确保可点击、不被遮挡 */
  .header-box-upper .wp-block-navigation__responsive-container-open {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1002;
    pointer-events: auto !important;
    width: 48px;
    height: 48px;
    min-width: 48px;
    padding: 0 !important;
    margin: 0;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-radius: 50%;
    background: var(--wp--preset--color--accent, #1a3a5c) !important;
    color: #fff !important;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .header-box-upper .wp-block-navigation__responsive-container-open svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
  }

  /* 覆盖主题内「默认隐藏」规则，打开时必须显示 */
  .header-box-upper .wp-block-navigation__responsive-container.is-menu-open {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 100000 !important;
    background: rgba(15, 36, 56, 0.97) !important;
    padding: 0 !important;
    overflow-y: auto;
  }

  .header-box-upper .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content {
    display: block !important;
    padding: 72px 20px 32px !important;
    max-width: 480px;
    margin: 0 auto;
  }

  .header-box-upper .wp-block-navigation__responsive-container-close {
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 100001;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0 !important;
    border-radius: 50%;
    background: #fff !important;
    color: var(--wp--preset--color--accent, #1a3a5c) !important;
    cursor: pointer;
    pointer-events: auto !important;
  }

  .header-box-upper .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }

  .header-box-upper .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item a {
    display: block;
    padding: 14px 8px !important;
    font-size: 16px !important;
    font-weight: 600;
    color: #fff !important;
    text-align: left;
  }

  .header-box-upper .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item a:hover {
    color: var(--wp--preset--color--secaccent, #c9a000) !important;
  }

}

@media (max-width: 600px) {
  .header-logo {
    flex-basis: 100% !important;
    max-width: 100%;
    text-align: center;
  }

  .header-logo .wp-block-site-title {
    text-align: center;
  }

  .header-inner-menu {
    flex-basis: 100% !important;
    max-width: 100%;
    justify-content: center;
    padding-top: 4px !important;
  }

  .pf-header-tools {
    justify-content: center;
  }

  .pf-header-tools > .wp-block-navigation {
    margin-left: 0;
  }
}

/* 菜单打开时禁止背景滚动 */
html.pf-nav-menu-open {
  overflow: hidden;
}

html.pf-nav-menu-open body {
  overflow: hidden;
}