/* ==========================================================================
   CHINA TOP CABLE — B/C 档元素（Blocksy 移植，staging 2026-10-23）
   来源：porto-child/ctc-ui-b.css 的 B1 / B2 / B3 / B4 / C 五段
   改动：
     · 页脚信任条配色对齐 Blocksy 深色页脚（#22262c / #12151a），
       不用生产 Porto 的 #171717 / #0a0a0a
     · B3 分类卡图片改根相对路径（域名无关，staging/生产通用）
   ========================================================================== */

/* ==========================================================================
   B1 字阶收口
     .ctc-sec-title          行高 40px → 1.25
     商品卡 H3                14.72/500 → 15.5/600
     #tab-description > h3   16/400 → 18/700
     .ctc-family-links h3    25/400 → 20/700
     .ctc-inq-head h3        22/700 → 20/700
   ========================================================================== */
.ctc-sec-title{line-height:1.25;}

ul.products li.product .woocommerce-loop-product__title{
  font-size:15.5px;font-weight:600;line-height:1.4;margin:0 0 8px;
}

#tab-description > h3{
  font-size:18px;font-weight:700;line-height:1.35;margin:30px 0 12px;
}

#tab-description .ctc-family-links > h3{
  font-size:20px;font-weight:700;line-height:1.3;margin:0 0 14px;
}

#tab-description .ctc-inq-head h3{
  font-size:20px;font-weight:700;line-height:1.3;margin:0 0 6px;
}

/* Porto 用 .slider-title 包相关商品标题；Blocksy 不命中，留着无害 */
.related.products h2.slider-title{
  font-size:20px;font-weight:700;line-height:1.3;
}

/* ==========================================================================
   B2 控件规格：卡片按钮圆角统一（searchform 那两条是 Porto 选择器，未搬）
   ========================================================================== */
ul.products li.product .button,
ul.products li.product .add_to_cart_button{border-radius:3px;}

/* ==========================================================================
   B3 首页分类卡：线稿图标 → 真实产品图（左图右文）
   卡片 HTML 是手写的 <a class="ctc-cat"><i><strong><em>，
   不改 DOM，只把 <i> 从「图标」改成「图片容器」。
   图：wp-content/uploads/ctc-cat/*.jpg（400×400 白底，源自站内实拍）
   ========================================================================== */
.ctc-cats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}

.ctc-cats-grid .ctc-cat{
  display:grid;
  grid-template-columns:120px 1fr;
  grid-template-rows:auto auto;
  column-gap:16px;
  align-content:center;
  padding:14px;
  background:#fff;
  border:1px solid #e2e7ec;
  border-radius:4px;
  text-decoration:none;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.ctc-cats-grid .ctc-cat:hover{
  border-color:#ff6a13;
  box-shadow:0 8px 22px rgba(255,106,19,.13);
  transform:translateY(-2px);
}

/* <i> 变图片容器：清掉 FA 字号让字形塌成 0，只留背景图 */
.ctc-cats-grid .ctc-cat i{
  grid-column:1;grid-row:1 / 3;
  width:120px;height:120px;
  margin:0;font-size:0;line-height:0;color:transparent;
  background:#fff center/contain no-repeat;
  border-radius:4px;
}
.ctc-cats-grid .ctc-cat:nth-child(1) i{background-image:url(/wp-content/uploads/ctc-cat/obdii-cables.jpg);}
.ctc-cats-grid .ctc-cat:nth-child(2) i{background-image:url(/wp-content/uploads/ctc-cat/usb-cables.jpg);}
.ctc-cats-grid .ctc-cat:nth-child(3) i{background-image:url(/wp-content/uploads/ctc-cat/hdmi-cable.jpg);}
.ctc-cats-grid .ctc-cat:nth-child(4) i{background-image:url(/wp-content/uploads/ctc-cat/audio-video-cable.jpg);}
.ctc-cats-grid .ctc-cat:nth-child(5) i{background-image:url(/wp-content/uploads/ctc-cat/microphone-cable.jpg);}
.ctc-cats-grid .ctc-cat:nth-child(6) i{background-image:url(/wp-content/uploads/ctc-cat/vga-cable.jpg);}

.ctc-cats-grid .ctc-cat strong{
  grid-column:2;grid-row:1;align-self:end;
  margin:0 0 4px;
  color:#1d2329;font-size:16px;font-weight:700;line-height:1.3;
}
.ctc-cats-grid .ctc-cat em{
  grid-column:2;grid-row:2;align-self:start;
  color:#68737f;font-size:12.5px;line-height:1.45;font-style:normal;
}

@media (max-width:991px){
  .ctc-cats-grid{grid-template-columns:1fr 1fr;gap:12px;}
  .ctc-cats-grid .ctc-cat{grid-template-columns:84px 1fr;column-gap:12px;padding:12px;}
  .ctc-cats-grid .ctc-cat i{width:84px;height:84px;}
  .ctc-cats-grid .ctc-cat strong{font-size:14.5px;}
  .ctc-cats-grid .ctc-cat em{font-size:12px;}
}
@media (max-width:575px){
  .ctc-cats-grid{grid-template-columns:1fr;}
  .ctc-cats-grid .ctc-cat{grid-template-columns:72px 1fr;column-gap:12px;}
  .ctc-cats-grid .ctc-cat i{width:72px;height:72px;}
}

/* ---- B4 页脚信任条（HTML 由 zz-ctc-ui-b.php 注入 blocksy:footer:before） ---- */
.ctc-foot-trust{
  background:#22262c;
  border-top:1px solid #2c3239;
  border-bottom:1px solid #12151a;
  padding:16px 0;
}
.ctc-foot-trust .ctc-wrap{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:10px 32px;
}
.ctc-foot-trust span{
  display:inline-flex;align-items:center;gap:8px;
  color:#b9c1ca;font-size:12.5px;line-height:1.4;
}
.ctc-foot-trust i{color:#ff6a13;font-size:14px;line-height:1;}
@media (max-width:767px){
  .ctc-foot-trust .ctc-wrap{justify-content:flex-start;gap:8px 20px;}
  .ctc-foot-trust span{font-size:12px;}
}

/* ---- C 商品页摘要区信任三条 ---- */
.ctc-facts{margin:18px 0 0}
.ctc-facts ul{list-style:none;margin:0;padding:0}
.ctc-facts li{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;color:#444;padding:3.5px 0}
.ctc-facts li i{color:#c74a00;font-size:12px;line-height:1.65;width:14px;text-align:center;flex:0 0 14px}
.ctc-facts-cta{display:inline-block;margin-top:11px;font-size:13.5px;font-weight:600;color:#c74a00;text-decoration:none;border-bottom:1px solid rgba(199,74,0,.35);padding-bottom:1px}
.ctc-facts-cta:hover{color:#a83e00;border-bottom-color:#a83e00}
@media (max-width:575px){.ctc-facts{margin-top:16px}.ctc-facts li{font-size:12.5px}}

/* ---- 询价篮清理（2026-10-23）：价格已隐藏后剩下的电商尾巴 ----
   - 小计列（th/td.product-subtotal）空着更扎眼 → 整列去掉
   - 优惠码 + Update cart 是电商动作，询价场景没意义 → 整行去掉
   作用域限定在购物车表格内，不影响我的账户/结算等其它 Woo 表格。 */
body.woocommerce-cart .woocommerce-cart-form th.product-subtotal,
body.woocommerce-cart .woocommerce-cart-form td.product-subtotal,
body.woocommerce-cart .woocommerce-cart-form .actions { display:none !important; }