/*
 Theme Name:      Woodmart Child
 Description:     Woodmart Child Theme
 Author:          XTemos
 Author URI:      http://xtemos.com
 Template:        woodmart
 Version:         1.0.0
 Text Domain:     woodmart
*/

/* ===== biao-8 1:1 字体: PT Serif(标题) + Open Sans(正文) ===== */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=PT+Serif:ital,wght@0,400;0,700;1,400&family=Roboto:wght@400;500;700&display=swap');

html:root,
body.theme-woodmart {
  --b8-body-font: "Open Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --b8-title-font: "PT Serif", Georgia, "Times New Roman", serif;
  --b8-black: #000000;
  --b8-white: #ffffff;
  --b8-emerald: #135C3B;
  --b8-sale: #EF5042;
  --b8-gray: #464646;
  --b8-gray-light: #D7D7D7;
  --wd-text-font: var(--b8-body-font);
  --wd-title-font: var(--b8-title-font);
  --wd-primary-color: var(--b8-emerald);
}

html body,
html body button,
html body input,
html body select,
html body textarea,
html body label,
html body .wd-nav,
html body .wd-search-form,
html body .wd-product-categories,
html body .wp-block-button__link {
  font-family: var(--b8-body-font) !important;
}

html body {
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.01em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .title,
html body .wd-entities-title,
html body .product-title,
html body .wd-tabs-name,
html body .wd-slide-container h2,
html body .wp-block-wd-slider-item h2,
html body .whb-general-header .menu > li > a {
  font-family: var(--b8-title-font) !important;
  letter-spacing: -0.01em;
}

html body .wd-entities-title,
html body .product-title {
  font-size: 15px;
  line-height: 1.45;
}

/* ===== biao-8 黑金奢华: 首页区块辅助类 ===== */
/* 公告条 */
.b8-announce {
  background: var(--b8-black);
  color: var(--b8-white);
  text-align: center;
  font-size: 13px;
  letter-spacing: 0.04em;
  padding: 9px 12px;
  font-family: var(--b8-body-font) !important;
}
.b8-announce .b8-sale { color: var(--b8-sale); font-weight: 700; }

/* 黑底区块通用 */
.b8-dark {
  background: var(--b8-black) !important;
  color: var(--b8-white) !important;
}
.b8-dark h1, .b8-dark h2, .b8-dark h3, .b8-dark h4, .b8-dark p,
.b8-dark .wp-block-heading, .b8-dark .wp-block-paragraph {
  color: var(--b8-white) !important;
}

/* Hero 文案叠加 */
.b8-hero-overlay h2 {
  font-family: var(--b8-title-font) !important;
  font-size: clamp(28px, 5vw, 56px);
  line-height: 1.08;
  margin: 0 0 8px;
}
.b8-hero-overlay p { font-size: clamp(14px,1.6vw,18px); opacity: .92; }

/* 区块标题(居中衬线) */
.b8-section-title {
  font-family: var(--b8-title-font) !important;
  text-align: center;
  font-size: clamp(22px, 3vw, 34px);
  letter-spacing: 0.01em;
  margin: 0 0 28px;
}

/* 品牌图块网格 */
.b8-brand-grid .wp-block-image,
.b8-brand-grid figure { margin: 0; }
.b8-brand-grid img {
  transition: transform .35s ease, filter .35s ease;
  width: 100%;
  height: auto;
}
.b8-brand-grid a:hover img { transform: scale(1.04); }

/* 强调按钮(翡翠绿) */
.b8-btn .wp-block-button__link,
.b8-dark .wp-block-button__link {
  background: var(--b8-emerald) !important;
  color: var(--b8-white) !important;
  border-radius: 0 !important;
  font-family: var(--b8-body-font) !important;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 14px 34px !important;
}
.b8-btn-outline .wp-block-button__link {
  background: transparent !important;
  color: var(--b8-white) !important;
  border: 1px solid var(--b8-white) !important;
  border-radius: 0 !important;
}

/* 信任数据行 */
.b8-stats { text-align: center; }
.b8-stats .b8-num {
  font-family: var(--b8-title-font) !important;
  font-size: clamp(26px,3.2vw,40px);
  font-weight: 700;
  color: var(--b8-emerald);
}
.b8-stats .b8-label { font-size: 13px; color: var(--b8-gray); line-height: 1.5; }

/* 服务行(图标+文字) */
.b8-service { text-align: center; }
.b8-service img { width: 46px; height: 46px; object-fit: contain; margin: 0 auto 10px; }
.b8-service .b8-svc-title { font-weight: 700; font-size: 15px; }
.b8-service .b8-svc-sub { font-size: 13px; color: var(--b8-gray); }

/* 移动端同步 */
@media (max-width: 768px) {
  .b8-hero-overlay h2 { font-size: 26px; }
  .b8-section-title { font-size: 22px; margin-bottom: 18px; }
  .b8-announce { font-size: 12px; }
}

/* ===== meratimepieces 首页原生块(wd/*)配色微调 ===== */
/* 深色区块: 强制白字 + 描边按钮在黑底可见 */
.ouro-dark,
.ouro-dark .wp-block-wd-title,
.ouro-dark .wp-block-wd-paragraph,
.ouro-dark .title,
.ouro-dark p {
  color: #ffffff !important;
}
.ouro-dark .btn-color-white {
  background: #ffffff !important;
  color: #0a0a0a !important;
}
.ouro-dark .btn-color-white:hover {
  background: var(--b8-emerald) !important;
  color: #ffffff !important;
}
/* 品牌网格图块: 统一高度 + hover 轻微放大 */
.wd-ouro0100 .wp-block-wd-image img {
  width: 100%;
  height: auto;
  transition: transform .35s ease;
}
.wd-ouro0100 .wp-block-wd-image a:hover img { transform: scale(1.05); }
/* 信任数据数字用衬线体 */
.wd-ouro0400 .wp-block-wd-title { font-family: var(--b8-title-font) !important; }

/* ===== 内容容器封顶 1300px (banner全宽,产品/区块居中不铺满) ===== */
:root { --wd-container-w: 1300px; }
/* 产品轮播/分类/普通区块: 居中限宽 */
.wd-products-element,
.wd-products-element .products.wd-products,
.wd-section-wrapper:not(.wd-full-width) > .wd-products-element {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
/* shop/分类页主内容也居中限宽,产品卡不再过大 */
body.archive .wd-content-area > .row,
body.post-type-archive-product .wd-content-area,
body.tax-product_cat .wd-content-area {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
/* 标题(Rolex/Patek/Omega)与产品对齐 */
.wd-ouro0300, .wd-ouro0302, .wd-ouro0304 { max-width: 1300px; margin-left: auto; margin-right: auto; }



/* ============================================================
   2026-06-11 Footer 第一列间距根因修复
   根因: WoodMart 默认规则 .wp-block-wd-column{display:flex;
         flex-direction:column;--wd-row-gap:20px;row-gap:var(--wd-row-gap)}
         使页脚每列子元素之间被强加 20px row-gap, 叠加在各段落
         自身 margin-bottom 之上。WhatsApp 段 mb:6px + gap 20px
         = 实测 26px (≈设计意图 6px 的 4.3 倍), 表现为 WhatsApp
         与 Email 两行间隔过大。
   修复: 将页脚四列的 row-gap 归零, 让原设计的 margin-bottom
         (logo18 / tagline18 / WhatsApp6 / Email0) 成为唯一间距源。
         修复后 WhatsApp->Email = 6px。三档视口同理(gap 非响应式)。
   ============================================================ */
.wd-footer .main-footer .wp-block-wd-column,
.wd-footer .wp-block-wd-section .wp-block-wd-column,
.main-footer .wp-block-wd-column,
.ouro-footer .wp-block-wd-column {
  --wd-row-gap: 0px !important;
  row-gap: 0px !important;
}