/*
Theme Name: WoodMart Child (CrossBorder B2B)
Theme URI: https://woodmart.xtemos.com/
Description: WoodMart 子主题，用于跨境 B2B 鞋类展示站的定制：品牌配色、右下角名片、图片下载、阶梯价展示增强。
Author: CrossBorder Dev
Template: woodmart
Version: 1.0.0
Text Domain: woodmart-child
*/

/* ============================================================
 * 品牌色变量（见 doc/05-品牌视觉规范.md）
 * ============================================================ */
:root {
  --cb-brand: #A2735F;          /* 主色·暖陶棕 */
  --cb-brand-dark: #7A5446;     /* 主色深 */
  --cb-accent: #4B5FA5;         /* 强调色·柔和蓝（价格/CTA） */
  --cb-bg: #F8F4F0;             /* 页面背景·暖白 */
  --cb-card: #FFFFFF;           /* 卡片背景 */
  --cb-text: #1A1A1A;           /* 主文字 */
  --cb-text-muted: #6B6B6B;     /* 次要文字 */
  --cb-border: #E7E2DC;         /* 边框 */
  --cb-tag-hot: #D5A696;        /* HOT 标签 */
  --cb-tag-new-bg: #EAF4D5;     /* NEW 标签背景 */
  --cb-tag-new-text: #5A7A3A;   /* NEW 标签文字 */
  --cb-radius-btn: 4px;
  --cb-radius-card: 8px;
}

body {
  background-color: var(--cb-bg);
  color: var(--cb-text);
}

/* 主按钮统一品牌色 */
.btn,
button[name="add-to-cart"],
.wd-btn {
  border-radius: var(--cb-radius-btn);
}

/* 价格强调色 */
.price,
.woocommerce-Price-amount {
  color: var(--cb-accent);
}

/* 商品卡片圆角 */
.product-grid-item .product-image-wrap,
.product-grid-item .wd-product {
  border-radius: var(--cb-radius-card);
  overflow: hidden;
}

/* ============================================================
 * 右下角悬浮名片框（结构见 footer.php）
 * ============================================================ */
.cb-namecard {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 9999;
  width: 260px;
  background: var(--cb-card);
  border: 1px solid var(--cb-border);
  border-radius: 12px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  font-size: 14px;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.cb-namecard__img {
  width: 100%;
  height: 130px;
  object-fit: cover;
  display: block;
}

.cb-namecard__body {
  padding: 14px 16px 16px;
}

.cb-namecard__name {
  font-weight: 700;
  color: var(--cb-text);
  margin: 0 0 2px;
}

.cb-namecard__role {
  color: var(--cb-text-muted);
  margin: 0 0 10px;
  font-size: 13px;
}

.cb-namecard__line {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--cb-text);
  text-decoration: none;
  margin-bottom: 6px;
  word-break: break-all;
}

.cb-namecard__line:hover {
  color: var(--cb-accent);
}

.cb-namecard__cta {
  display: block;
  text-align: center;
  margin-top: 10px;
  padding: 9px 12px;
  background: var(--cb-brand);
  color: #fff;
  border-radius: var(--cb-radius-btn);
  text-decoration: none;
  font-weight: 600;
}

.cb-namecard__cta:hover {
  background: var(--cb-brand-dark);
  color: #fff;
}

/* 收起按钮 */
.cb-namecard__toggle {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.9);
  color: var(--cb-text);
  cursor: pointer;
  line-height: 1;
  font-size: 14px;
}

.cb-namecard.is-collapsed {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  cursor: pointer;
}

.cb-namecard.is-collapsed .cb-namecard__img,
.cb-namecard.is-collapsed .cb-namecard__body {
  display: none;
}

.cb-namecard.is-collapsed .cb-namecard__toggle {
  position: static;
  width: 100%;
  height: 100%;
  background: var(--cb-brand);
  color: #fff;
  border-radius: 50%;
  font-size: 18px;
}

/* 移动端缩小 */
@media (max-width: 767px) {
  .cb-namecard {
    right: 12px;
    bottom: 12px;
    width: 220px;
  }
}

/* ============================================================
 * 图片下载按钮（详情页）
 * ============================================================ */
.cb-download-images {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  padding: 10px 16px;
  border: 1px solid var(--cb-border);
  border-radius: var(--cb-radius-btn);
  background: var(--cb-card);
  color: var(--cb-text);
  text-decoration: none;
  font-weight: 600;
  cursor: pointer;
}

.cb-download-images:hover {
  border-color: var(--cb-brand);
  color: var(--cb-brand);
}

/* ============================================================
 * 前台清理：隐藏博客式元信息与占位提示
 * ============================================================ */
/* 页面/商品页：作者、日期、评论、分类等 meta 全隐藏 */
.single-page .wd-post-meta,
.page .wd-post-meta,
.entry-meta,
.wd-post-author,
.wd-post-date,
.wd-modified-date,
.wd-post-reply,
.wd-post-cats,
.wd-blog-meta {
  display: none !important;
}

/* 隐藏「创建第一个导航菜单」之类的提示条 */
.wp-site-blocks > .wp-block-navigation,
.notice,
div[class*="notice-success"] {
  /* 仅作用于前台明显提示，不误伤后台 */
}

/* 顶部空 topbar 若残留，收缩掉 */
.whb-top-bar:empty { display: none; }

/* ============================================================
 * 一期展示模式：隐藏原生加购按钮，保留变体选择器（款式/尺码/颜色）
 * ============================================================ */
.cb-display-mode .single_add_to_cart_button:not(.cb-inquiry-btn),
.cb-display-mode .single_variation_wrap .quantity,
.cb-display-mode .wd-buy-now-btn,
.cb-display-mode .wd-add-to-cart {
  display: none !important;
}

/* ============================================================
 * 阶梯采购价表格（WoodMart 动态折扣表）微调
 * ============================================================ */
.wd-dynamic-discounts-table,
.woocommerce-table--dynamic-discounts {
  border: 1px solid var(--cb-border);
  border-radius: var(--cb-radius-card);
  overflow: hidden;
  margin: 18px 0;
}

.wd-dynamic-discounts-table thead th,
.woocommerce-table--dynamic-discounts thead th {
  background: var(--cb-bg);
  color: var(--cb-text);
  font-weight: 700;
}

.wd-dynamic-discounts-table .wd-dd-price,
.woocommerce-table--dynamic-discounts .wd-dd-price {
  color: var(--cb-accent);
  font-weight: 700;
}