/*
Theme Name:    Fiber Blocksy Child
Template:      blocksy
Description:   fiber_shop 定制子主题 —— 所有定制只进本目录，不修改 Blocksy / WooCommerce 核心
Version:       0.2.0
*/

/* ===== fiber 设计系统（对标 fiberoptics4sale / primuscable / fibersavvy 的首页结构） ===== */
:root{
  --fs-navy:#0d2137; --fs-navy2:#102a43; --fs-blue:#2b6cb0; --fs-blue2:#3182ce;
  --fs-bluel:#bee3f8; --fs-bg:#f4f7fa; --fs-line:#d9e2ec; --fs-txt:#1a2b3c; --fs-muted:#5a7184;
}
.fs-wrap{width:min(1180px,92%);margin:0 auto}
.fs-bleed{width:100vw;margin-left:calc(50% - 50vw)}

/* 隐藏首页的页面标题条 */
body.home .hero-section{display:none}

/* ===== Hero（v0.3：EasyCoolAV 式浅色大留白） ===== */
.fs-hero{background:linear-gradient(180deg,#ffffff 0%,#eef3f8 100%);padding:72px 0;border-bottom:1px solid var(--fs-line)}
.fs-hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.fs-kicker{color:var(--fs-blue);font-size:12.5px;font-weight:800;letter-spacing:2px;margin:0 0 14px}
.fs-hero h1{color:var(--fs-navy);font-size:clamp(30px,4.2vw,46px);line-height:1.12;margin:0 0 16px;font-weight:800}
.fs-lede{color:var(--fs-muted);font-size:16.5px;max-width:520px;margin:0 0 28px}
.fs-btns{display:flex;gap:14px;flex-wrap:wrap}
.fs-btn{display:inline-block;padding:13px 26px;border-radius:7px;font-weight:700;font-size:15px;text-decoration:none!important}
.fs-btn-p{background:#3182ce;color:#fff!important}
.fs-btn-p:hover{background:#4299e1}
.fs-btn-g{border:2px solid var(--fs-navy);color:var(--fs-navy)!important}
.fs-btn-g:hover{background:var(--fs-navy);color:#fff!important}
.fs-hero-img{background:#fff;border:1px solid var(--fs-line);border-radius:14px;padding:22px;box-shadow:0 14px 34px rgba(16,42,67,.10)}
.fs-hero-img img{width:100%;height:auto;display:block;border-radius:8px}

/* ===== 信任条 ===== */
.fs-trust{background:#fff;border-bottom:1px solid var(--fs-line);padding:22px 0}
.fs-trust-in{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.fs-titem{display:flex;gap:12px;align-items:center}
.fs-ticon{width:40px;height:40px;flex:none;border-radius:50%;background:var(--fs-bluel);display:flex;align-items:center;justify-content:center;font-size:18px}
.fs-titem b{display:block;font-size:14px;color:var(--fs-navy)}
.fs-titem span{font-size:12px;color:var(--fs-muted)}

/* ===== 通用区块 ===== */
.fs-sec{padding:60px 0}
.fs-sec--alt{background:#fff}
.fs-h2{text-align:center;font-size:27px;color:var(--fs-navy);margin:0 0 8px;font-weight:800}
.fs-sub{text-align:center;color:var(--fs-muted);font-size:14.5px;margin:0 0 34px}

/* ===== 分类卡片 ===== */
.fs-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.fs-tile{background:#fff;border:1px solid var(--fs-line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:.15s;text-decoration:none!important}
.fs-tile:hover{border-color:var(--fs-blue2);box-shadow:0 8px 22px rgba(16,42,67,.10)}
.fs-tile-img{background:#f4f7fa;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden}
.fs-tile-img img{width:100%;height:100%;object-fit:cover}
.fs-tile-b{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.fs-tile-b h3{margin:0 0 8px;font-size:17px;color:var(--fs-navy)}
.fs-tile-b ul{margin:0 0 12px;padding:0;list-style:none}
.fs-tile-b li{font-size:13px;color:var(--fs-muted);padding:3px 0 3px 16px;position:relative}
.fs-tile-b li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:var(--fs-blue2)}
.fs-tile-more{margin-top:auto;font-size:13.5px;font-weight:700;color:var(--fs-blue)}

/* ===== Cable Finder CTA ===== */
.fs-cta{background:var(--fs-navy);padding:44px 0}
.fs-cta-in{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.fs-cta h2{color:#fff;margin:0 0 6px;font-size:23px}
.fs-cta p{color:#9fb3c8;margin:0;font-size:14px;max-width:640px}

/* ===== 指南卡片 ===== */
.fs-guides{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.fs-gcard{background:#fff;border:1px solid var(--fs-line);border-radius:12px;padding:22px}
.fs-gtag{font-size:11px;font-weight:800;letter-spacing:1px;color:var(--fs-blue);text-transform:uppercase}
.fs-gcard h3{margin:8px 0;font-size:16.5px;color:var(--fs-navy)}
.fs-gcard p{font-size:13.5px;color:var(--fs-muted);margin:0 0 12px}
.fs-gcard a{font-size:13.5px;font-weight:700}

/* ===== WooCommerce 商品网格 ===== */
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{border:1px solid var(--fs-line);border-radius:12px;padding:14px}
.woocommerce ul.products li.product a img{border-radius:8px}
.woocommerce ul.products li.product .button{margin-top:6px}

/* ===== 响应式 ===== */
@media (max-width:960px){
  .fs-hero{padding:48px 0}
  .fs-hero-in{grid-template-columns:1fr}
  .fs-trust-in{grid-template-columns:repeat(2,1fr)}
  .fs-tiles,.fs-guides{grid-template-columns:1fr}
  .fs-sec{padding:44px 0}
}

/* ===== 图片统一（v0.2.1：全站统一浅底容器 + 完整显示） ===== */
.fs-tile-img{background:#fff}
.fs-tile-img img{object-fit:contain;padding:10px}
.woocommerce ul.products li.product a img{aspect-ratio:1/1;object-fit:contain;background:#f4f7fa;padding:10px}
.single-product .woocommerce-product-gallery__image img{background:#f4f7fa}