/* ============================================================
   Xzqtive Child — 顶导 + 公告条样式
   ------------------------------------------------------------
   覆盖 Blocksy 默认顶导样式，让它对齐 XZQTIVE 品牌调性。
   不重写 header.php（让 Blocksy 接管 markup），只通过 class 覆盖 CSS。
   ============================================================ */

/* ---------- 公告条 ---------- */
.xz-announcement-bar,
[data-id="header"] [data-row="top"] {
  background: var(--xz-ink);
  color: var(--xz-paper);
  text-align: center;
  font-family: var(--xz-font-sans);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding: 8px 16px;
}
.xz-announcement-bar a,
[data-id="header"] [data-row="top"] a {
  color: var(--xz-paper);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.xz-announcement-bar a:hover { color: var(--xz-sand); }

/* ---------- 顶导整体 ---------- */
[data-id="header"] [data-row="middle"] {
  background: var(--xz-paper);
  border-bottom: 1px solid var(--xz-line);
}

/* ===== Logo & Site Title =====
   布局：[X 图标]  XZQTIVE     ← 国际品牌经典 icon + wordmark 横排
   实现：
     - 用 CSS 裁切 logo.png 上半部分（X 字母交织图标），下半部分自带的
       "XZQTIVE" 衬线小字被 overflow:hidden 切掉，避免重复
     - 右侧恢复 .site-title-container 显示，渲染大号 serif "XZQTIVE"
*/

/* 强制整个 site-branding 一个固定高 + 内部所有 children 充满高度 + 垂直 center
   关键：所有元素都在同一个 60px 高的容器里 center 对齐 */
.site-branding {
  display: flex !important;
  flex-direction: row;
  align-items: center !important;
  justify-content: flex-start;
  gap: 0px !important;
  height: 60px !important;
  padding: 0 !important;
}

/* logo 容器：充满父高 + 内部 flex center */
.site-logo-container,
.site-branding .site-logo-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0;
  border: 0;
  line-height: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.site-branding .default-logo,
.site-logo-container .default-logo {
  max-height: 60px !important;          /* icon 同步加大跟 wordmark 字号匹配 */
  height: auto !important;
  width: auto !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
}

/* wordmark 容器：充满父高 + 内部 flex center */
.site-branding .site-title-container {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

/* 恢复 site-title 显示，作为图标右侧 wordmark */
.site-branding .site-title-container {
  display: block !important;
  margin: 0;
  padding: 0;
}
.site-title,
.site-branding .site-title {
  font-family: var(--xz-font-serif) !important;
  font-weight: 700 !important;
  font-size: 44px !important;          /* 大幅放大：cap height 接近 icon 高度，视觉等高 */
  letter-spacing: 0.22em !important;
  color: var(--xz-ink) !important;
  text-transform: uppercase;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}
.site-title a,
.site-branding .site-title a {
  color: inherit !important;
  text-decoration: none !important;
  border: 0;
  display: inline-block !important;
  margin-top: 10px !important;   /* 用户 DevTools 验证：wordmark 整体下移 10px，跟 icon 底贴近 */
}

/* mobile：稍小 */
@media (max-width: 768px) {
  .site-branding .default-logo { max-height: 42px !important; }
  .site-title { font-size: 22px !important; letter-spacing: 0.20em !important; }
}

/* ============================================================
   隐藏 Blocksy 自动渲染的 page title — 仅 single page (.page)
   避免跟 page content 内自定义 hero/cover 的 H1 双显示
   不影响 .archive .woocommerce-shop 等其他页面
   ============================================================ */
body.page h1.page-title,
body.page h1.entry-title,
body.page .entry-header,
body.page header.entry-header,
body.page article > .entry-header,
body.page article > header,
body.page [data-id="hero"],
body.page .hero-section,
body.page .ct-hero-section {
  display: none !important;
}

/* 主菜单 */
header [data-id="menu"] .menu > li > a,
header .ct-menu > li > a {
  font-family: var(--xz-font-sans);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--xz-ink);
  padding: 16px 14px;
  transition: color var(--xz-transition);
}
header [data-id="menu"] .menu > li > a:hover,
header .ct-menu > li > a:hover {
  color: var(--xz-rust);
}

/* 当前页菜单项强调 */
header .current-menu-item > a,
header .current-menu-parent > a {
  color: var(--xz-rust);
}

/* hover 下拉菜单 */
header .sub-menu {
  background: var(--xz-white);
  border: 1px solid var(--xz-line);
  border-radius: var(--xz-radius-sm);
  padding: var(--xz-sp-2) 0;
}
header .sub-menu > li > a {
  font-family: var(--xz-font-sans);
  font-size: 13px;
  font-weight: 500;
  color: var(--xz-ink);
  padding: 10px 24px;
  letter-spacing: 0.06em;
  text-transform: none;
}
header .sub-menu > li > a:hover {
  background: var(--xz-paper);
  color: var(--xz-rust);
}

/* 顶导右侧图标（搜索 / 愿望 / 购物车） */
[data-id="cart"] .ct-cart-item-count,
.ct-header-cart .ct-cart-item-count {
  background: var(--xz-rust);
  color: var(--xz-white);
  font-family: var(--xz-font-sans);
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 0;
}

/* ---------- 移动端汉堡 ---------- */
.ct-header-trigger {
  color: var(--xz-ink);
}

@media (max-width: 768px) {
  .site-title,
  .ct-header-text-logo {
    font-size: 22px;
  }
}