/* ==========================================================================
   CHINA TOP CABLE — Blocksy 深色页头（staging 试迁移，2026-10-23）
   配色/尺寸对齐生产 Porto 页头：底 #1a1e23 + 3px 橙线 + 菜单 12px/700 大写
   依赖：custom_logo 必须是白字版 ctc-logo-dark.svg（附件 11071）
   回滚：删本文件 + zz-ctc-styles.php 里对应 enqueue
   ========================================================================== */

/* 1. 底色与橙线 */
header#header,
header#header [data-row="middle"] { background-color: #1a1e23 !important; }
header#header { border-bottom: 3px solid #ff6a13 !important; }

/* 2. 行高对齐生产（122px），logo 垂直居中；手机端回到 70px（2026-10-23 实测 390 下 125px 过于笨重） */
header#header [data-row="middle"] .ct-container { min-height: 122px; }
@media (max-width: 999.98px) {
  header#header [data-row="middle"] .ct-container { min-height: 70px; }
  header#header .site-logo-container img { max-height: 38px !important; }
}

/* 3. 顶层菜单项：字色/字号/内边距 */
header#header ul#menu-top-menu > li.menu-item > a.ct-menu-link {
  color: #e8ebee !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 11px 13px !important;
  letter-spacing: .02em;
}
/* hover / 当前项：橙底深字（生产口径 5.99:1） */
header#header ul#menu-top-menu > li.menu-item:hover > a.ct-menu-link,
header#header ul#menu-top-menu > li.menu-item.current-menu-item > a.ct-menu-link {
  background-color: #ff6a13 !important;
  color: #1a1e23 !important;
}

/* 4. 搜索 / 购物车 / 汉堡图标 */
header#header .ct-header-search,
header#header .ct-header-cart,
header#header .ct-header-trigger { color: #e8ebee !important; }
header#header .ct-header-search:hover,
header#header .ct-header-cart:hover { color: #ff6a13 !important; }
header#header .ct-header-cart svg,
header#header .ct-header-search svg,
header#header .ct-header-trigger svg { fill: currentColor; }

/* 5. 下拉面板：橙顶线 + 白卡（生产口径） */
header#header ul#menu-top-menu .sub-menu {
  border-top: 3px solid #ff6a13;
  box-shadow: 0 14px 34px rgba(21,24,29,.22);
}

/* 6. 首页重复标题：hero 自带 h1，Blocksy 又输出一个 page-title → 首页隐藏
      （见 topics/blocksy.md §9：该 h1 由 hero type-1 拼装，block 过滤器抓不到） */
body.home .entry-header { display: none !important; }

/* 7. 当前项/hover 的橙块对齐生产（菜单高 40px，不要撑满整行） */
header#header ul#menu-top-menu { align-items: center; }
header#header ul#menu-top-menu > li.menu-item { display: flex; align-items: center; }
header#header ul#menu-top-menu > li.menu-item > a.ct-menu-link {
  height: auto !important; line-height: 18px; border-radius: 0;
}

/* 8. 窄屏压缩：≤1199 收内边距/字号，尽量别让 Blocksy 把菜单项塞进 More
       （对齐 Porto 在 1024 下 9 项单行的处理思路；再窄就只能由 Blocksy 收纳） */
@media (max-width: 1319px) {
  header#header ul#menu-top-menu > li.menu-item > a.ct-menu-link {
    padding: 9px 7px !important;
    font-size: 11px !important;
    letter-spacing: 0;
  }
}

/* 8b. ≤1100 再压一档（1024 下 9 项需 705px、菜单框只有 623px，差 82px）
       字号 10.5px + 左右 4px 后约 616px，刚好进框；再窄交给 Blocksy 收纳 */
@media (max-width: 1100px) {
  header#header ul#menu-top-menu > li.menu-item > a.ct-menu-link {
    padding: 9px 4px !important;
    font-size: 10.5px !important;
  }
  /* logo 从 50 → 44 高（201 → 177 宽），给菜单腾 24px，避免把内边距压到贴字 */
  header#header .site-logo-container img { max-height: 44px !important; }
}

/* 9. 正文自带 h1 的页面 → 隐藏 Blocksy page-title（避免一页两个 h1）
      标记类由 mu-plugin zz-ctc-title-dedupe.php 输出
      ⚠️ 改本文件后必须整份上传，别只追加远程——曾因重传丢了这段 */
body.ctc-content-has-h1 .entry-header { display: none !important; }

/* 10. 搜索弹层（⚠️ 它在 .ct-drawer-canvas 下，不是 header#header 的子元素，
       用 header 前缀会完全不命中 —— 2026-10-23 实测踩到）
       Blocksy 的 panel 底色继承页头 → 近黑 rgba(18,21,25,.98)，占位符继承 panel 的深灰。 */
.ct-drawer-canvas .ct-panel.active { background-color: rgba(18, 21, 25, .94) !important; }
.ct-drawer-canvas .ct-panel input.modal-field,
.ct-drawer-canvas .ct-panel input[type="search"] { color: #fff !important; }
.ct-drawer-canvas .ct-panel input.modal-field::placeholder { color: rgba(232, 235, 238, .55) !important; }
.ct-drawer-canvas .ct-panel .ct-search-form-inner { border-bottom: 1px solid rgba(255, 255, 255, .22); }
.ct-drawer-canvas .ct-panel .ct-search-form button,
.ct-drawer-canvas .ct-panel .ct-search-form .ct-icon { color: #e8ebee; fill: currentColor; }