/* ============================================================
   ZHITANG · SACRED AMBER SHOP SYSTEM  v1.0  (2026-07-26)
   P1-1 修复：把首页的 Sacred Amber 设计语言注入 WooCommerce
   商店 / 分类 / 商品页，消除"首页博物馆 vs 商店批发市场"的割裂。
   此文件在 global-amber.css 之后加载，同优先级下后到者胜。
   ============================================================ */

/* ---------- 0. 环境氛围：分层背景，告别纯平 ----------
   暖黑基底上叠两团极淡的光：右上琥珀、左下朱砂。
   像展厅里打在墙上的洗墙灯，让页面"有空气"而不是死黑。 */
body.woocommerce,
body.woocommerce-page,
body.tax-product_cat {
    background-image:
        radial-gradient(1150px 540px at 88% -10%, rgba(196,169,106,.06), transparent 62%),
        radial-gradient(900px 520px at -8% 112%, rgba(139,37,0,.05), transparent 60%),
        radial-gradient(700px 380px at 50% 120%, rgba(196,169,106,.03), transparent 55%);
}
@media (min-width: 769px) {
    body.woocommerce,
    body.woocommerce-page,
    body.tax-product_cat { background-attachment: fixed; }
}

/* ---------- 1. 页头：眉标 + 衬线大字，对齐首页叙事 ----------
   首页 hero 用 eyebrow(琥珀小字) + Playfair 大标题。
   商店/分类页页头复刻这套语言：细金线 + ZHITANG 眉标 + 衬线大标题。 */
.woocommerce .woocommerce-products-header {
    text-align: left;
    padding: 3.2rem 0 2.4rem;
    margin-bottom: 2.8rem;
    border-bottom: 1px solid rgba(196,169,106,.16);
    position: relative;
}
/* 顶部一根极细的琥珀金线，像展柜的描边 */
.woocommerce .woocommerce-products-header::after {
    content: '';
    position: absolute;
    left: 0; bottom: -1px;
    width: 64px; height: 2px;
    background: var(--zt-amber);
}
/* ZHITANG 眉标 */
.woocommerce .woocommerce-products-header::before {
    content: 'Z H I T A N G · C O L L E C T I O N';
    display: block;
    font-family: var(--zt-font-sans);
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .34em;
    color: rgba(196,169,106,.85);
    text-transform: uppercase;
    margin-bottom: 1.1rem;
}
.woocommerce .woocommerce-products-header__title.page-title {
    font-family: 'Playfair Display','Cormorant Garamond',var(--zt-font-serif) !important;
    font-size: clamp(2.3rem, 4.6vw, 3.6rem) !important;
    font-weight: 600 !important;
    letter-spacing: .03em !important;
    line-height: 1.12 !important;
    text-transform: none !important;
    color: var(--zt-text) !important;
    margin: 0 !important;
}
/* 分类描述（如果有） */
.woocommerce .woocommerce-products-header .term-description,
.woocommerce .woocommerce-products-header .term-description p {
    font-family: var(--zt-font-serif);
    color: var(--zt-text-light) !important;
    font-size: 1rem;
    line-height: 1.8;
    max-width: 40rem;
    margin-top: 1rem !important;
}

/* ---------- 2. 商品卡：轻盈呼吸，复刻首页 product-card ----------
   首页卡片 = 透明底 + 3:4 图 + hover 微缩放提亮 + 白名 + 琥珀价。
   商店网格照搬，去掉 global 的"卡片盒子"感。 */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 3rem !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
/* 图片容器：3:4 画幅，裁切溢出，hover 缓推 */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    display: block;
    overflow: hidden;
    background: var(--zt-surface);
    border-radius: 3px;
    position: relative;
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img {
    width: 100% !important;
    aspect-ratio: 3 / 4 !important;
    object-fit: cover !important;
    height: auto !important;
    margin: 0 !important;
    border-radius: 0 !important;
    transition: transform .7s cubic-bezier(.22,1,.36,1), filter .7s cubic-bezier(.22,1,.36,1) !important;
    transform: scale(1.01);
}
.woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link img {
    transform: scale(1.055) !important;
    filter: brightness(1.08) !important;
}
/* 卡片入场：错峰浮现，让网格"活"起来 */
.woocommerce ul.products li.product {
    animation: ztCardIn .7s cubic-bezier(.22,1,.36,1) both;
}
.woocommerce ul.products li.product:nth-child(4n+2) { animation-delay: .07s; }
.woocommerce ul.products li.product:nth-child(4n+3) { animation-delay: .14s; }
.woocommerce ul.products li.product:nth-child(4n+4) { animation-delay: .21s; }
@keyframes ztCardIn {
    from { opacity: 0; transform: translateY(22px); }
    to   { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
    .woocommerce ul.products li.product { animation: none; }
    .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img { transition: none; }
}

/* 商品名：衬线、白、正常大小写（中文无 uppercase 意义），对齐首页 */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: var(--zt-font-serif) !important;
    text-transform: none !important;
    letter-spacing: .015em !important;
    font-size: 1.02rem !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    color: var(--zt-text) !important;
    padding: .95rem .15rem .3rem !important;
    margin: 0 !important;
    /* 两行截断，避免长 SEO 标题把卡片撑高 */
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color .25s ease;
}
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
    color: var(--zt-amber) !important;
}
/* 分类小标（如果显示） */
.woocommerce ul.products li.product .woocommerce-loop-category__title {
    font-family: var(--zt-font-sans) !important;
    font-size: .68rem !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
    color: rgba(196,169,106,.7) !important;
    padding: .8rem .15rem 0 !important;
    margin: 0 !important;
}

/* 价格：琥珀金 + 表格数字，价格锚点 */
.woocommerce ul.products li.product .price {
    font-family: var(--zt-font-sans) !important;
    color: var(--zt-amber-light) !important;
    font-weight: 600 !important;
    font-size: 1.05rem !important;
    letter-spacing: .02em;
    font-variant-numeric: tabular-nums;
    padding: .15rem .15rem 0 !important;
    margin: 0 !important;
}
.woocommerce ul.products li.product .price del { opacity: .45; font-size: .85rem; }
.woocommerce ul.products li.product .price ins { text-decoration: none; }

/* 卡片上的浮层加购按钮（Astra ast-on-card-button）：琥珀描边芯片 */
.woocommerce ul.products li.product .ast-on-card-button {
    background: rgba(20,17,15,.82) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: var(--zt-amber) !important;
    border: 1px solid rgba(196,169,106,.5) !important;
    border-radius: 2px !important;
    font-family: var(--zt-font-sans) !important;
    font-size: .7rem !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    padding: .55em 1.1em !important;
    box-shadow: none !important;
    transition: background .25s ease, color .25s ease !important;
}
.woocommerce ul.products li.product .ast-on-card-button:hover {
    background: var(--zt-amber) !important;
    color: var(--zt-black) !important;
}

/* 列表里的标准加购按钮：ghost 描边（对齐首页 .hc-cta 语言） */
.woocommerce-page a.button.add_to_cart_button,
.woocommerce-page button.button.add_to_cart_button,
.woocommerce a.button.add_to_cart_button,
.woocommerce button.button.add_to_cart_button {
    background: transparent !important;
    border: 1px solid rgba(196,169,106,.55) !important;
    color: var(--zt-amber) !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-family: var(--zt-font-sans) !important;
    font-size: .72rem !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    padding: .7em 1.5em !important;
    transition: background .25s ease, color .25s ease, transform .2s ease !important;
}
.woocommerce-page a.button.add_to_cart_button:hover,
.woocommerce-page button.button.add_to_cart_button:hover,
.woocommerce a.button.add_to_cart_button:hover,
.woocommerce button.button.add_to_cart_button:hover {
    background: var(--zt-amber) !important;
    color: var(--zt-black) !important;
    transform: none !important;
    box-shadow: none !important;
}
/* 加购后的"查看购物车"态 */
.woocommerce a.added_to_cart {
    font-family: var(--zt-font-sans) !important;
    font-size: .72rem !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    color: var(--zt-amber-light) !important;
}

/* 促销角标：朱砂 */
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
    background: var(--zt-cinnabar) !important;
    color: #F5EFE4 !important;
    border-radius: 2px !important;
    font-family: var(--zt-font-sans) !important;
    font-size: .66rem !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    padding: .4em .8em !important;
    min-width: 0 !important; min-height: 0 !important;
    line-height: 1 !important;
}

/* ---------- 3. 工具条：排序 / 计数 / 面包屑 ---------- */
.woocommerce .woocommerce-result-count {
    font-family: var(--zt-font-sans) !important;
    font-size: .72rem !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    color: var(--zt-text-muted) !important;
}
.woocommerce .woocommerce-ordering select {
    font-family: var(--zt-font-sans) !important;
    font-size: .75rem !important;
    letter-spacing: .1em !important;
    background: var(--zt-surface) !important;
    color: var(--zt-text-light) !important;
    border: 1px solid rgba(196,169,106,.28) !important;
    border-radius: 2px !important;
    padding: .55em 2.2em .55em .9em !important;
    cursor: pointer;
}
.woocommerce .woocommerce-ordering select:focus {
    border-color: var(--zt-amber) !important;
    box-shadow: 0 0 0 2px rgba(196,169,106,.15) !important;
}
.woocommerce .woocommerce-breadcrumb {
    font-family: var(--zt-font-sans) !important;
    font-size: .7rem !important;
    letter-spacing: .2em !important;
    text-transform: uppercase !important;
    color: var(--zt-text-muted) !important;
    margin-bottom: 1.2rem !important;
}
.woocommerce .woocommerce-breadcrumb a { color: var(--zt-text-muted) !important; transition: color .2s; }
.woocommerce .woocommerce-breadcrumb a:hover { color: var(--zt-amber) !important; }

/* ---------- 4. 商品详情页：画廊 + 摘要 + 标题 ---------- */
.woocommerce div.product .product_title.entry-title {
    font-family: 'Playfair Display','Cormorant Garamond',var(--zt-font-serif) !important;
    font-size: clamp(1.7rem, 3.4vw, 2.5rem) !important;
    font-weight: 600 !important;
    letter-spacing: .02em !important;
    line-height: 1.35 !important;
    text-transform: none !important;
    color: var(--zt-text) !important;
}
/* 画廊：暗底衬图，描边收口 */
.woocommerce div.product div.images.woocommerce-product-gallery {
    background: var(--zt-surface);
    border: 1px solid rgba(196,169,106,.14);
    border-radius: 3px;
    padding: .6rem;
}
.woocommerce div.product div.images img { border-radius: 2px; }
.woocommerce div.product div.images .flex-control-thumbs li {
    opacity: .55;
    transition: opacity .25s ease;
    border: 1px solid transparent;
}
.woocommerce div.product div.images .flex-control-thumbs li:hover,
.woocommerce div.product div.images .flex-control-thumbs li.flex-active {
    opacity: 1;
    border-color: rgba(196,169,106,.4);
}

/* 详情页价格已在 global 强化，这里补表格数字 + 货币符号弱化 */
.woocommerce div.product p.price,
.woocommerce div.product span.price { font-variant-numeric: tabular-nums; }
.woocommerce div.product .price .woocommerce-Price-currencySymbol { opacity: .75; }

/* ---------- 5. 描述 Tab：细线分隔，衬线正文 ---------- */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    border-bottom: 1px solid rgba(196,169,106,.18) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    margin: 0 .4rem 0 0 !important;
    padding: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: var(--zt-font-sans) !important;
    font-size: .74rem !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    color: var(--zt-text-muted) !important;
    padding: .8em 1.1em !important;
    font-weight: 600 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: transparent !important;
    border-bottom: 2px solid var(--zt-amber) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--zt-amber) !important;
}
/* Tab 前的伪元素圆点去掉（WC 默认 li::before 圆角装饰） */
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none !important; }
.woocommerce div.product .woocommerce-tabs .panel {
    font-family: var(--zt-font-serif) !important;
    color: var(--zt-text-light) !important;
    line-height: 1.9 !important;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
    font-family: var(--zt-font-serif) !important;
    font-size: 1.25rem !important;
    letter-spacing: .03em;
    color: var(--zt-text) !important;
}

/* ---------- 6. 相关产品：同款页头语言 ---------- */
.woocommerce .related.products > h2,
.woocommerce .upsells.products > h2 {
    font-family: var(--zt-font-serif) !important;
    font-size: 1.6rem !important;
    font-weight: 600 !important;
    letter-spacing: .03em !important;
    color: var(--zt-text) !important;
    border-top: 1px solid rgba(196,169,106,.16);
    padding-top: 2.6rem !important;
    margin-top: 2.2rem !important;
    position: relative;
}
.woocommerce .related.products > h2::before,
.woocommerce .upsells.products > h2::before {
    content: '';
    position: absolute;
    top: -1px; left: 0;
    width: 48px; height: 2px;
    background: var(--zt-amber);
}

/* ---------- 7. 分页：方形琥珀按钮 ---------- */
.woocommerce nav.woocommerce-pagination ul {
    border: none !important;
    display: inline-flex;
    gap: 6px;
}
.woocommerce nav.woocommerce-pagination ul li {
    border: none !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    background: transparent !important;
    border: 1px solid rgba(196,169,106,.35) !important;
    color: var(--zt-text-light) !important;
    border-radius: 2px !important;
    font-family: var(--zt-font-sans) !important;
    letter-spacing: .08em;
    min-width: 40px;
    transition: background .2s ease, color .2s ease, border-color .2s ease !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
    border-color: var(--zt-amber) !important;
    color: var(--zt-amber) !important;
    background: rgba(196,169,106,.06) !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--zt-amber) !important;
    border-color: var(--zt-amber) !important;
    color: var(--zt-black) !important;
}

/* ---------- 8. 空状态 / 无结果：保持品牌口吻 ---------- */
.woocommerce-no-products-found .woocommerce-info,
.woocommerce-info {
    font-family: var(--zt-font-serif) !important;
}

/* ---------- 9. 响应式：移动端收束 ---------- */
@media (max-width: 768px) {
    .woocommerce .woocommerce-products-header { padding: 2.2rem 0 1.8rem; margin-bottom: 2rem; }
    .woocommerce ul.products li.product { margin-bottom: 2.2rem !important; }
    .woocommerce div.product .product_title.entry-title { font-size: 1.55rem !important; }
}

/* ============================================================
   10. 暗化 Astra 卡片悬浮控件（圆按钮 + 文字气泡）
   默认白底在暗色站里刺眼，统一暖黑 + 琥珀描边/图标。
   用 doubled-class 抬高优先级，确保盖过 Astra 默认 !important。
   ============================================================ */
body.woocommerce ul.products li.product .ast-on-card-button.ast-on-card-button,
body.woocommerce-page ul.products li.product .ast-on-card-button.ast-on-card-button {
    background: rgba(20,17,15,.86) !important;
    border: 1px solid rgba(196,169,106,.45) !important;
    color: var(--zt-amber) !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.45) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
body.woocommerce ul.products li.product .ast-on-card-button .ahfb-svg-iconset,
body.woocommerce ul.products li.product .ast-on-card-button .ast-icon,
body.woocommerce ul.products li.product .ast-on-card-button svg {
    color: var(--zt-amber) !important;
    fill: var(--zt-amber) !important;
    stroke: var(--zt-amber) !important;
}
body.woocommerce ul.products li.product .ast-on-card-button.ast-on-card-button:hover {
    background: var(--zt-amber) !important;
    border-color: var(--zt-amber) !important;
}
body.woocommerce ul.products li.product .ast-on-card-button:hover .ahfb-svg-iconset,
body.woocommerce ul.products li.product .ast-on-card-button:hover .ast-icon,
body.woocommerce ul.products li.product .ast-on-card-button:hover svg {
    color: var(--zt-black) !important;
    fill: var(--zt-black) !important;
    stroke: var(--zt-black) !important;
}
.ast-card-action-tooltip {
    background: rgba(20,17,15,.94) !important;
    color: var(--zt-amber) !important;
    border: 1px solid rgba(196,169,106,.3) !important;
    font-family: var(--zt-font-sans) !important;
    letter-spacing: .1em;
}
.ast-card-action-tooltip::before,
.ast-card-action-tooltip::after { border-color: rgba(20,17,15,.94) transparent !important; }

/* ============================================================
   11. TRP 浮动语言切换器 → 暗色（标准页右下那个白盒）
   首页是独立模板无此浮窗；标准页靠它切语言，故暗化而非隐藏。
   ============================================================ */
.trp-language-switcher.trp-floating-switcher {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.trp-language-switcher .trp-language-switcher-inner,
.trp-language-switcher .trp-language-item,
.trp-language-switcher .trp-language-item__current,
.trp-language-switcher #trp-switcher-dropdown-list,
#trp-switcher-dropdown-list {
    background: transparent !important;
}
#trp-switcher-dropdown-list {
    background: rgba(20,17,15,.97) !important;
    border: 1px solid rgba(196,169,106,.18) !important;
}
.trp-language-switcher .trp-language-item-name,
.trp-language-switcher .trp-language-item__current .trp-language-item-name {
    color: var(--zt-text-light) !important;
    font-family: var(--zt-font-sans) !important;
    letter-spacing: .04em;
}
.trp-language-switcher .trp-language-item:hover .trp-language-item-name,
.trp-language-switcher .trp-language-item__current .trp-language-item-name {
    color: var(--zt-amber) !important;
}
.trp-language-switcher .trp-language-item:hover {
    background: rgba(196,169,106,.08) !important;
}
.trp-language-switcher .trp-flag-image { display: none !important; }
.trp-language-switcher .trp-icon-arrow,
.trp-language-switcher svg { color: var(--zt-amber) !important; fill: var(--zt-amber) !important; stroke: var(--zt-amber) !important; }

/* ============================================================
   12. 标准页标识 → 直接复用首页同一张 SVG lockup（像素级对齐）
   首页 header 用 <img logo-transparent.svg>，山器标+置棠文化+ZHITANG
   全画在矢量里。旧方案用 HTML 文字+::after 凑，字体来源不同、又缺
   图标，永远对不齐首页。现改为：把 .site-title 文字视觉替换成同一张
   SVG（background-image），文字留在 DOM 给读屏软件读，::after 去掉
   （SVG 内已含 ZHITANG）。
   关键：<img>/background 引用 SVG 的渲染与所在页面无关——首页用它
   长什么样，标准页必然一模一样，故字体+图标+副标一次全对齐。
   不走 custom_logo，规避 SVG 附件尺寸/字体元数据不稳的旧坑。
   首页是独立模板无 .site-title，不受本段影响。
   ============================================================ */
#masthead .site-branding .site-title,
#masthead .site-branding .site-title a {
    font-size: 0 !important;          /* 文字视觉隐藏，DOM 文本保留给读屏 */
    line-height: 0 !important;
    letter-spacing: 0 !important;
    color: transparent !important;
}
#masthead .site-branding .site-title a {
    display: inline-block !important;
    width: 164px;                      /* 180:44 lockup 比例，@40px 高 */
    height: 40px;
    vertical-align: middle;
    background: url(/wp-content/themes/zhitang-amber/assets/brand/logo-transparent.svg?v=20260726) no-repeat left center / contain !important;
    transition: opacity .25s ease;
}
#masthead .site-branding .site-title a:hover { opacity: .82; }
#masthead .site-branding .site-title a::after { content: none !important; }  /* SVG 已含 ZHITANG，去重 */
/* 标语在头部不显示，避免与锁图副标打架 */
#masthead .site-branding .site-description { display: none !important; }

/* ============================================================
   13. 标准页页脚漏白修复（全站，含 404 / shop / 关于 / 博客 / 会员）
   Astra footer builder 的 below/above-footer 行容器自带白底深字，
   global-amber 漏盖 → 暗色站底部漏白条。此处补齐。
   首页是独立模板自带暗 footer，不加载本文件也不受此 bug 影响。
   ============================================================ */
.site-below-footer-wrap,
.site-above-footer-wrap {
    background-color: var(--zt-surface) !important;
    border-top: 1px solid var(--zt-border) !important;
}
.site-below-footer-wrap *,
.site-above-footer-wrap * { color: var(--zt-text-light) !important; }
.site-below-footer-wrap a,
.site-above-footer-wrap a { color: var(--zt-amber) !important; }
.site-below-footer-wrap a:hover,
.site-above-footer-wrap a:hover { color: var(--zt-amber-light) !important; }

/* ============================================================
   § 14 · TYPOGRAPHY HARMONY — 商品详情页排版对齐首页美学
   目标：叙事脸（衬线）+ 交易脸（无衬线标签）分层，
   首页的戏剧性字号对比 + 字距纪律 + 琥珀金层次全搬过来。
   version bump: 1.5.0
   ============================================================ */

/* --- 14.1 商品标题：CJK 展示级字号 + 字距 --- */
.woocommerce div.product .product_title.entry-title {
    font-family: 'Cormorant Garamond','Playfair Display',var(--zt-font-serif) !important;
    font-size: clamp(2rem, 4.2vw, 3.2rem) !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
    line-height: 1.2 !important;
    color: var(--zt-text) !important;
    margin-bottom: .6rem !important;
}

/* --- 14.2 短描述：强制衬线叙事脸 --- */
.woocommerce div.product .woocommerce-product-details__short-description,
.woocommerce div.product .summary .woocommerce-product-details__short-description {
    font-family: var(--zt-font-serif) !important;
    font-size: 1.02rem !important;
    line-height: 1.9 !important;
    letter-spacing: .015em !important;
    color: rgba(var(--zt-white-rgb), .78) !important;
}

/* --- 14.3 价格：琥珀金强调 + 戏剧性尺寸 --- */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    font-family: var(--zt-font-sans) !important;
    font-size: 1.6rem !important;
    font-weight: 700 !important;
    letter-spacing: .02em !important;
    color: var(--zt-amber-light) !important;
}
.woocommerce div.product p.price .woocommerce-Price-currencySymbol,
.woocommerce div.product span.price .woocommerce-Price-currencySymbol {
    font-size: .85em !important;
    opacity: .7 !important;
    margin-right: 2px;
}

/* --- 14.4 描述 Tab 正文：衬线叙事 + 慷慨行高 --- */
.woocommerce div.product .woocommerce-tabs .panel.entry-content,
.woocommerce div.product .woocommerce-tabs .panel.entry-content p {
    font-family: var(--zt-font-serif) !important;
    font-size: 1.02rem !important;
    line-height: 2 !important;
    letter-spacing: .012em !important;
    color: rgba(var(--zt-white-rgb), .82) !important;
}

/* --- 14.5 描述 Tab H3：展示级小节标题（对齐首页 section header） --- */
.woocommerce div.product .woocommerce-tabs .panel.entry-content h3 {
    font-family: 'Cormorant Garamond','Playfair Display',var(--zt-font-serif) !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    color: var(--zt-text) !important;
    margin-top: 2.4rem !important;
    margin-bottom: .8rem !important;
    padding-bottom: .5rem !important;
    border-bottom: 1px solid rgba(var(--zt-amber-rgb), .15) !important;
    position: relative;
}
/* 琥珀金左标记（呼应首页 section 的金色竖线） */
.woocommerce div.product .woocommerce-tabs .panel.entry-content h3::before {
    content: '';
    position: absolute;
    left: 0; bottom: -1px;
    width: 32px; height: 2px;
    background: var(--zt-amber);
}

/* --- 14.6 分类标签（标题上方 eyebrow）：首页纪律 --- */
.woocommerce div.product .zt-product-cat-label,
.woocommerce div.product .summary > span:first-of-type,
.single-product .term-post_tag a,
.woocommerce div.product .product_meta .posted_in a {
    font-family: var(--zt-font-sans) !important;
    font-size: .7rem !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
    color: var(--zt-amber) !important;
}

/* --- 14.7 商品 Meta（SKU/分类）：交易脸纪律 --- */
.woocommerce div.product .product_meta {
    font-family: var(--zt-font-sans) !important;
    font-size: .72rem !important;
    letter-spacing: .12em !important;
    color: var(--zt-text-muted) !important;
    border-top: 1px solid rgba(var(--zt-amber-rgb), .12);
    padding-top: 1.2rem !important;
    margin-top: 1.6rem !important;
}
.woocommerce div.product .product_meta span {
    display: block;
    margin-bottom: .4rem;
}
.woocommerce div.product .product_meta span a {
    color: var(--zt-amber) !important;
    transition: color .2s;
}
.woocommerce div.product .product_meta span a:hover {
    color: var(--zt-amber-light) !important;
}

/* --- 14.8 库存状态：琥珀金状态文本 --- */
.woocommerce div.product .zt-stock-ok,
.woocommerce div.product .zt-stock-low,
.woocommerce div.product .stock {
    font-family: var(--zt-font-sans) !important;
    font-size: .76rem !important;
    letter-spacing: .1em !important;
    font-weight: 600 !important;
}

/* --- 14.9 信任图标行：交易脸微字 --- */
.woocommerce div.product .zt-trust-row {
    font-family: var(--zt-font-sans) !important;
    font-size: .7rem !important;
    letter-spacing: .08em !important;
    color: var(--zt-text-muted) !important;
}

/* --- 14.10 Tab 标题：增强显示级 --- */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: var(--zt-font-sans) !important;
    font-size: .76rem !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    color: var(--zt-text-muted) !important;
    padding: .9em 1.3em !important;
    transition: color .25s ease !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--zt-amber) !important;
}

/* --- 14.11 面包屑：精致化 --- */
.woocommerce .woocommerce-breadcrumb {
    font-family: var(--zt-font-sans) !important;
    font-size: .68rem !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    color: var(--zt-text-muted) !important;
    margin-bottom: 1.6rem !important;
    padding-bottom: .8rem !important;
    border-bottom: 1px solid rgba(var(--zt-amber-rgb), .08);
}

/* --- 14.12 相关产品标题：戏剧性展示 --- */
.woocommerce .related.products > h2,
.woocommerce .upsells.products > h2 {
    font-family: 'Cormorant Garamond','Playfair Display',var(--zt-font-serif) !important;
    font-size: clamp(1.4rem, 2.8vw, 2rem) !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
}

/* --- 14.13 移动端微调 --- */
@media (max-width: 768px) {
    .woocommerce div.product .product_title.entry-title {
        font-size: 1.7rem !important;
        letter-spacing: .04em !important;
    }
    .woocommerce div.product p.price,
    .woocommerce div.product span.price {
        font-size: 1.3rem !important;
    }
    .woocommerce div.product .woocommerce-tabs .panel.entry-content h3 {
        font-size: 1.15rem !important;
    }
}

/* ============================================================
   § 15 · FULL-SITE HARMONY — 标准页全量拉齐首页设计语言
   覆盖：按钮修复 / 卡片容器化 / 呼吸间距 / 入场动画 /
   页脚增强 / 排序栏暗化 / tabs面板暗化 / 全局微交互
   version bump: 1.7.0
   ============================================================ */

/* --- 15.1 按钮修复：暗背景上近黑文字=看不见 → 强制可见 --- */
.woocommerce a.button.zt-buy-now,
.woocommerce button.zt-buy-now,
.woocommerce input[type=submit].submit {
    background: var(--zt-amber) !important;
    color: var(--zt-black) !important;
    font-family: var(--zt-font-sans) !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    border: none !important;
    padding: .85em 2em !important;
    transition: background .25s ease, transform .2s ease !important;
}
.woocommerce a.button.zt-buy-now:hover,
.woocommerce button.zt-buy-now:hover,
.woocommerce input[type=submit].submit:hover {
    background: var(--zt-amber-light) !important;
    transform: translateY(-1px) !important;
}
/* ghost 按钮（加入购物车） */
.woocommerce .single_add_to_cart_button {
    background: transparent !important;
    color: var(--zt-amber) !important;
    border: 1px solid rgba(var(--zt-amber-rgb), .5) !important;
    font-family: var(--zt-font-sans) !important;
    font-weight: 600 !important;
    letter-spacing: .08em !important;
    padding: .85em 2em !important;
    transition: all .25s ease !important;
}
.woocommerce .single_add_to_cart_button:hover {
    background: rgba(var(--zt-amber-rgb), .08) !important;
    border-color: var(--zt-amber) !important;
    transform: translateY(-1px) !important;
}

/* --- 15.2 相关产品/交叉销售：卡片容器化 + hover + 入场 --- */
.woocommerce .related.products,
.woocommerce .upsells.products {
    margin-top: 4rem !important;
    padding-top: 3rem !important;
    border-top: 1px solid rgba(var(--zt-amber-rgb), .08);
}
.woocommerce .related.products h2,
.woocommerce .upsells.products h2 {
    position: relative;
    padding-bottom: .8rem !important;
    margin-bottom: 2.4rem !important;
}
.woocommerce .related.products h2::after,
.woocommerce .upsells.products h2::after {
    content: '';
    position: absolute;
    left: 0; bottom: 0;
    width: 48px; height: 2px;
    background: var(--zt-amber);
}
/* 产品卡暗底容器 */
.woocommerce .related.products li.product,
.woocommerce .upsells.products li.product,
.woocommerce ul.products li.product {
    background: rgba(var(--zt-white-rgb), .03) !important;
    border: 1px solid rgba(var(--zt-amber-rgb), .06) !important;
    border-radius: 4px !important;
    padding: 1rem !important;
    transition: transform .35s cubic-bezier(.4,0,.2,1), border-color .3s ease, box-shadow .35s ease !important;
}
.woocommerce .related.products li.product:hover,
.woocommerce .upsells.products li.product:hover,
.woocommerce ul.products li.product:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(var(--zt-amber-rgb), .18) !important;
    box-shadow: 0 12px 40px rgba(0,0,0,.4) !important;
}
/* 卡片内图片 */
.woocommerce ul.products li.product a img,
.woocommerce .related.products li.product a img {
    border-radius: 3px !important;
    margin-bottom: .8rem !important;
    transition: transform .4s ease, filter .4s ease !important;
}
.woocommerce ul.products li.product:hover a img {
    transform: scale(1.03) !important;
    filter: brightness(1.08) !important;
}
/* 卡片内标题 */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce .related.products li.product h2,
.woocommerce .related.products li.product h3 {
    font-family: var(--zt-font-serif) !important;
    font-size: .9rem !important;
    font-weight: 600 !important;
    letter-spacing: .03em !important;
    color: var(--zt-text) !important;
    margin: .6rem 0 .4rem !important;
    line-height: 1.4 !important;
}
/* 卡片内价格 */
.woocommerce ul.products li.product .price,
.woocommerce .related.products li.product .price {
    font-family: var(--zt-font-sans) !important;
    font-size: .88rem !important;
    font-weight: 700 !important;
    color: var(--zt-amber-light) !important;
    letter-spacing: .02em !important;
}
/* 卡片内加购按钮 */
.woocommerce ul.products li.product .button,
.woocommerce .related.products li.product .button {
    font-family: var(--zt-font-sans) !important;
    font-size: .7rem !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
    color: var(--zt-amber) !important;
    background: transparent !important;
    border: 1px solid rgba(var(--zt-amber-rgb), .35) !important;
    padding: .5em 1.2em !important;
    margin-top: .6rem !important;
    transition: all .2s ease !important;
}
.woocommerce ul.products li.product .button:hover {
    background: rgba(var(--zt-amber-rgb), .08) !important;
    border-color: var(--zt-amber) !important;
}

/* --- 15.3 全局呼吸间距 --- */
.woocommerce .product {
    padding-top: 1rem !important;
}
.woocommerce div.product .woocommerce-tabs {
    margin-top: 3rem !important;
    padding-top: 2rem !important;
    border-top: 1px solid rgba(var(--zt-amber-rgb), .08);
}
.woocommerce div.product .woocommerce-tabs .panel {
    padding: 2rem 0 !important;
}

/* --- 15.4 Tabs 面板暗化 --- */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    border-bottom: 1px solid rgba(var(--zt-amber-rgb), .1) !important;
    padding: 0 !important;
    margin: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-bottom-color: var(--zt-amber) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    background: transparent !important;
    color: var(--zt-text-muted) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--zt-amber) !important;
}
/* 评价标题加粗 */
.woocommerce-Reviews-title,
.woocommerce div.product .woocommerce-tabs h2 {
    font-weight: 600 !important;
    font-family: var(--zt-font-serif) !important;
    letter-spacing: .04em !important;
    color: var(--zt-text) !important;
}

/* --- 15.5 排序栏暗化（shop 页） --- */
.woocommerce .woocommerce-ordering select,
.woocommerce form.woocommerce-ordering select {
    background: rgba(var(--zt-white-rgb), .05) !important;
    color: var(--zt-text-muted) !important;
    border: 1px solid rgba(var(--zt-amber-rgb), .15) !important;
    font-family: var(--zt-font-sans) !important;
    font-size: .72rem !important;
    letter-spacing: .08em !important;
    padding: .5em 1em !important;
    border-radius: 3px !important;
}
.woocommerce .woocommerce-result-count {
    font-family: var(--zt-font-sans) !important;
    font-size: .72rem !important;
    letter-spacing: .08em !important;
    color: var(--zt-text-muted) !important;
}

/* --- 15.6 页脚增强 --- */
#colophon .site-info,
.site-footer .site-info {
    font-family: var(--zt-font-sans) !important;
    font-size: .68rem !important;
    letter-spacing: .12em !important;
    color: rgba(var(--zt-white-rgb), .4) !important;
    text-align: center !important;
    padding: 1.6rem 0 !important;
}
#colophon a,
.site-footer a {
    color: var(--zt-amber) !important;
    transition: color .2s !important;
}
#colophon a:hover,
.site-footer a:hover {
    color: var(--zt-amber-light) !important;
}

/* --- 15.7 分页导航暗化 --- */
.woocommerce nav.woocommerce-pagination ul {
    border: none !important;
}
.woocommerce nav.woocommerce-pagination ul li {
    border: none !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    background: transparent !important;
    color: var(--zt-text-muted) !important;
    border: 1px solid rgba(var(--zt-amber-rgb), .12) !important;
    font-family: var(--zt-font-sans) !important;
    font-size: .76rem !important;
    letter-spacing: .06em !important;
    padding: .5em .9em !important;
    margin: 0 3px !important;
    border-radius: 3px !important;
    transition: all .2s ease !important;
}
.woocommerce nav.woocommerce-pagination ul li .current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: rgba(var(--zt-amber-rgb), .1) !important;
    color: var(--zt-amber) !important;
    border-color: rgba(var(--zt-amber-rgb), .3) !important;
}

/* --- 15.8 入场动画（fade-up on scroll） --- */
.woocommerce ul.products li.product,
.woocommerce .related.products li.product {
    opacity: 0;
    transform: translateY(20px);
    animation: ztFadeUp .5s ease forwards;
}
.woocommerce ul.products li.product:nth-child(1) { animation-delay: .05s; }
.woocommerce ul.products li.product:nth-child(2) { animation-delay: .12s; }
.woocommerce ul.products li.product:nth-child(3) { animation-delay: .19s; }
.woocommerce ul.products li.product:nth-child(4) { animation-delay: .26s; }
@keyframes ztFadeUp {
    to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
    .woocommerce ul.products li.product,
    .woocommerce .related.products li.product {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
    }
}

/* --- 15.9 全局 focus 环统一 --- */
.woocommerce a:focus-visible,
.woocommerce button:focus-visible,
.woocommerce input:focus-visible,
.woocommerce select:focus-visible {
    outline: 2px solid var(--zt-amber) !important;
    outline-offset: 3px !important;
}

/* --- 15.10 表单元素暗化（评论/登录/搜索） --- */
.woocommerce input[type=text],
.woocommerce input[type=email],
.woocommerce input[type=password],
.woocommerce input[type=search],
.woocommerce textarea,
.woocommerce select {
    background: rgba(var(--zt-white-rgb), .04) !important;
    color: var(--zt-text) !important;
    border: 1px solid rgba(var(--zt-amber-rgb), .12) !important;
    font-family: var(--zt-font-sans) !important;
    font-size: .85rem !important;
    padding: .7em 1em !important;
    border-radius: 3px !important;
    transition: border-color .2s ease !important;
}
.woocommerce input[type=text]:focus,
.woocommerce input[type=email]:focus,
.woocommerce input[type=password]:focus,
.woocommerce input[type=search]:focus,
.woocommerce textarea:focus {
    border-color: rgba(var(--zt-amber-rgb), .4) !important;
    outline: none !important;
}

/* --- 15.11 商品页图库区暗化 --- */
.woocommerce div.product .woocommerce-product-gallery {
    border: 1px solid rgba(var(--zt-amber-rgb), .06);
    border-radius: 4px;
    overflow: hidden;
    background: rgba(var(--zt-white-rgb), .02);
}
.woocommerce div.product .woocommerce-product-gallery img {
    border-radius: 3px;
}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs img {
    border: 1px solid rgba(var(--zt-amber-rgb), .1);
    transition: border-color .2s ease;
}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs img:hover,
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs .flex-active {
    border-color: var(--zt-amber);
}

/* --- 15.12 数量选择器暗化 --- */
.woocommerce .quantity .qty {
    background: rgba(var(--zt-white-rgb), .04) !important;
    color: var(--zt-text) !important;
    border: 1px solid rgba(var(--zt-amber-rgb), .15) !important;
    font-family: var(--zt-font-sans) !important;
    font-size: .9rem !important;
    border-radius: 3px !important;
}

/* --- 15.13 信任行/保障行增强 --- */
.woocommerce div.product .zt-trust-row,
.woocommerce div.product [class*=trust],
.woocommerce div.product [class*=guarantee] {
    display: flex !important;
    gap: 1.6rem !important;
    align-items: center !important;
    padding: 1.2rem 0 !important;
    border-top: 1px solid rgba(var(--zt-amber-rgb), .06);
    border-bottom: 1px solid rgba(var(--zt-amber-rgb), .06);
    margin: 1.6rem 0 !important;
}
.woocommerce div.product .zt-trust-row span,
.woocommerce div.product [class*=trust] span {
    font-family: var(--zt-font-sans) !important;
    font-size: .7rem !important;
    letter-spacing: .06em !important;
    color: var(--zt-text-muted) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: .4rem !important;
}

/* ============================================================
   § 16 · FOOTER UNIFICATION + WHITE CONTROL KILL
   隐藏 Astra 默认页脚 + 暗化白色悬浮控件
   version bump: 1.8.0
   ============================================================ */

/* --- 16.1 隐藏 Astra 默认页脚（标准页用统一 footer 替代） --- */
#colophon,
.site-footer:not(.zt-footer-unified) {
    display: none !important;
}

/* --- 16.2 白色悬浮控件暗化（Astra ast-on-card-button + tooltip） --- */
.ast-on-card-button,
.ast-card-action-tooltip,
.ast-quick-view-trigger {
    background: rgba(10,10,10,.86) !important;
    color: var(--zt-amber) !important;
    border: 1px solid rgba(var(--zt-amber-rgb),.2) !important;
    box-shadow: none !important;
}
.ast-on-card-button svg,
.ast-quick-view-trigger svg {
    fill: var(--zt-amber) !important;
    stroke: var(--zt-amber) !important;
}
.ast-card-action-tooltip {
    background: rgba(10,10,10,.95) !important;
    color: var(--zt-text-muted) !important;
    border-color: rgba(var(--zt-amber-rgb),.1) !important;
}

/* --- 16.3 统一页脚链接 hover --- */
footer a:hover {
    color: var(--zt-amber) !important;
}

/* --- 16.4 标准页 main 内容区底部间距（给统一 footer 留呼吸） --- */
#primary,
.site-main,
#content {
    padding-bottom: 2rem !important;
}

/* ============================================================
   §17  账户页 · 登录 / 注册表单暗色精致化
   问题：暗底上输入框 / label / 复选框不可见，"找不到点哪"
   ============================================================ */

/* 17.1 页面标题 */
.woocommerce-account .page-title,
.woocommerce-account h1.entry-title {
    color: #fff !important;
    font-family: 'Cormorant Garamond', 'Noto Serif SC', serif !important;
    font-weight: 600 !important;
    letter-spacing: .04em !important;
}

/* 17.2 两栏卡片：暗底浮起 + 琥珀金顶线 */
.woocommerce-account .col2-set .u-column1,
.woocommerce-account .col2-set .u-column2,
.woocommerce-account .col2-set .col-1,
.woocommerce-account .col2-set .col-2 {
    background: rgba(18, 15, 12, .92) !important;
    border: 1px solid rgba(var(--zt-amber-rgb), .12) !important;
    border-top: 2px solid var(--zt-amber) !important;
    border-radius: 6px !important;
    padding: 2.5rem 2rem !important;
    position: relative !important;
    transition: border-color .3s ease, box-shadow .3s ease !important;
}
.woocommerce-account .col2-set .u-column1:hover,
.woocommerce-account .col2-set .u-column2:hover,
.woocommerce-account .col2-set .col-1:hover,
.woocommerce-account .col2-set .col-2:hover {
    border-color: rgba(var(--zt-amber-rgb), .28) !important;
    box-shadow: 0 8px 32px rgba(0,0,0,.45), 0 0 0 1px rgba(var(--zt-amber-rgb),.08) !important;
}

/* 17.3 卡片内标题（登录 / 注册） */
.woocommerce-account .col2-set h2 {
    color: var(--zt-amber) !important;
    font-family: 'Cormorant Garamond', 'Noto Serif SC', serif !important;
    font-size: 1.55rem !important;
    font-weight: 600 !important;
    letter-spacing: .06em !important;
    text-align: center !important;
    margin-bottom: 1.8rem !important;
    padding-bottom: .8rem !important;
    border-bottom: 1px solid rgba(var(--zt-amber-rgb), .1) !important;
}

/* 17.4 label：提亮 + 字距 + 大写数据脸 */
.woocommerce-account .woocommerce-form label {
    color: rgba(255,255,255,.78) !important;
    font-family: 'Outfit', 'Noto Sans SC', sans-serif !important;
    font-size: .8rem !important;
    font-weight: 500 !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
    margin-bottom: .45rem !important;
    display: block !important;
}
.woocommerce-account .woocommerce-form label .required {
    color: var(--zt-amber) !important;
    margin-left: 2px !important;
}

/* 17.5 输入框：可见边界 + 暗底微亮 + 白字 + 大点击区 */
.woocommerce-account .woocommerce-Input.input-text,
.woocommerce-account input[type="text"].input-text,
.woocommerce-account input[type="email"].input-text,
.woocommerce-account input[type="password"].input-text {
    width: 100% !important;
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.2) !important;
    border-radius: 4px !important;
    color: #fff !important;
    font-family: 'Outfit', 'Noto Sans SC', sans-serif !important;
    font-size: .95rem !important;
    padding: .85rem 1rem !important;
    transition: border-color .25s ease, box-shadow .25s ease, background .25s ease !important;
    outline: none !important;
    box-shadow: inset 0 1px 4px rgba(0,0,0,.35) !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
.woocommerce-account .woocommerce-Input.input-text::placeholder {
    color: rgba(255,255,255,.3) !important;
    font-style: italic !important;
}
.woocommerce-account .woocommerce-Input.input-text:focus,
.woocommerce-account input[type="text"].input-text:focus,
.woocommerce-account input[type="email"].input-text:focus,
.woocommerce-account input[type="password"].input-text:focus {
    border-color: var(--zt-amber) !important;
    background: rgba(255,255,255,.07) !important;
    box-shadow: 0 0 0 3px rgba(var(--zt-amber-rgb),.13), inset 0 1px 3px rgba(0,0,0,.2) !important;
}

/* 17.6 复选框（记住我） */
.woocommerce-account .woocommerce-form__input-checkbox,
.woocommerce-account input[type="checkbox"] {
    accent-color: var(--zt-amber) !important;
    width: 1rem !important;
    height: 1rem !important;
    margin-right: .5rem !important;
    vertical-align: middle !important;
    cursor: pointer !important;
}
.woocommerce-account .login-remember label,
.woocommerce-account .woocommerce-form-login .inline label {
    color: rgba(255,255,255,.6) !important;
    font-size: .82rem !important;
    text-transform: none !important;
    letter-spacing: .02em !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* 17.7 忘记密码链接 */
.woocommerce-account .lost_password a,
.woocommerce-account .woocommerce-LostPassword a {
    color: var(--zt-amber) !important;
    font-size: .82rem !important;
    text-decoration: none !important;
    border-bottom: 1px solid transparent !important;
    transition: border-color .2s ease !important;
}
.woocommerce-account .lost_password a:hover,
.woocommerce-account .woocommerce-LostPassword a:hover {
    border-bottom-color: var(--zt-amber) !important;
}

/* 17.8 提交按钮：金底 + hover 上浮 + active 缩放 */
.woocommerce-account .woocommerce-button.button {
    width: 100% !important;
    background: var(--zt-amber) !important;
    color: #0c0a08 !important;
    border: none !important;
    border-radius: 4px !important;
    font-family: 'Outfit', 'Noto Sans SC', sans-serif !important;
    font-weight: 600 !important;
    font-size: .88rem !important;
    letter-spacing: .1em !important;
    padding: .9rem 1.5rem !important;
    cursor: pointer !important;
    transition: background .2s ease, transform .15s ease, box-shadow .2s ease !important;
    text-transform: uppercase !important;
    margin-top: .5rem !important;
}
.woocommerce-account .woocommerce-button.button:hover {
    background: var(--zt-amber-light, #d4a853) !important;
    box-shadow: 0 4px 20px rgba(var(--zt-amber-rgb),.25) !important;
    transform: translateY(-1px) !important;
}
.woocommerce-account .woocommerce-button.button:active {
    transform: translateY(0) scale(.98) !important;
}

/* 17.9 密码可见性切换图标 */
.woocommerce-account .show-password-input,
.woocommerce-account .password-input-wrapper button {
    color: rgba(255,255,255,.5) !important;
    background: transparent !important;
    border: none !important;
}

/* 17.10 注册表单说明段落提亮 */
.woocommerce-account .woocommerce-form-register p:not(.form-row):not(.woocommerce-form-row) {
    color: rgba(255,255,255,.55) !important;
    font-size: .82rem !important;
    line-height: 1.65 !important;
}

/* 17.11 响应式：小屏两栏→一栏 */
@media (max-width: 768px) {
    .woocommerce-account .col2-set {
        flex-direction: column !important;
        gap: 1.5rem !important;
    }
    .woocommerce-account .col2-set .u-column1,
    .woocommerce-account .col2-set .u-column2,
    .woocommerce-account .col2-set .col-1,
    .woocommerce-account .col2-set .col-2 {
        width: 100% !important;
        float: none !important;
    }
}

/* ============================================================
   §18 P3 通用页品牌头部 / 内容组件（2026-08-03 · v1.11.0）
   与首页 section 同一语言系：金 eyebrow + 衬线大标 + 金短线 + 暗卡
   ============================================================ */
.zt-eyebrow {
    color: rgba(196,169,106,.85);
    font-size: .72rem;
    letter-spacing: .32em;
    text-transform: uppercase;
    margin-bottom: 1rem;
    font-family: 'Outfit','Noto Serif SC',sans-serif;
}
.page .entry-header .entry-title,
.single-post .entry-header .entry-title {
    font-family: 'Noto Serif SC','Cormorant Garamond',serif;
    font-size: clamp(1.9rem, 4vw, 2.75rem);
    font-weight: 600;
    letter-spacing: .08em;
    color: var(--zt-text, #F0F0F0);
    line-height: 1.3;
}
.page .entry-header .entry-title::after,
.single-post .entry-header .entry-title::after {
    content: '';
    display: block;
    width: 56px;
    height: 2px;
    margin-top: 1.1rem;
    background: linear-gradient(90deg, var(--zt-amber, #C4A96A), transparent);
}
.zt-lead {
    color: var(--zt-text-muted, #AAAAAA);
    font-size: 1.05rem;
    line-height: 2;
    max-width: 46em;
    margin: 1.6rem 0 0;
}
.zt-sec { margin: 3.4rem 0 0; }
.zt-sec h2 {
    font-family: 'Noto Serif SC',serif;
    font-size: 1.35rem;
    font-weight: 600;
    letter-spacing: .1em;
    color: var(--zt-text, #F0F0F0);
    margin: 0 0 1rem;
}
.zt-sec h2::before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 1px;
    background: var(--zt-amber, #C4A96A);
    vertical-align: middle;
    margin-right: .8rem;
}
.zt-sec p {
    color: var(--zt-text-muted, #AAAAAA);
    line-height: 2.1;
    margin: 0 0 1rem;
    max-width: 46em;
}
.zt-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 1.25rem;
    margin: 2rem 0 0;
}
.zt-card {
    display: block;
    background: var(--zt-surface, #151515);
    border: 1px solid rgba(255,255,255,.06);
    padding: 1.5rem 1.4rem 1.3rem;
    text-decoration: none;
    transition: transform .35s ease, border-color .35s ease;
}
.zt-card:hover {
    transform: translateY(-4px);
    border-color: rgba(196,169,106,.45);
}
.zt-card h3 {
    font-family: 'Noto Serif SC',serif;
    font-size: 1.02rem;
    font-weight: 600;
    letter-spacing: .05em;
    color: var(--zt-text, #F0F0F0);
    margin: 0 0 .6rem;
    line-height: 1.6;
}
.zt-card p {
    color: var(--zt-text-muted, #AAAAAA);
    font-size: .86rem;
    line-height: 1.9;
    margin: 0 0 .9rem;
}
.zt-more {
    color: var(--zt-amber, #C4A96A);
    font-size: .76rem;
    letter-spacing: .2em;
}
.zt-card { position: relative; }
.zt-card h3 a { color: var(--zt-text, #F0F0F0); text-decoration: none; }
.zt-card h3 a::after { content: ''; position: absolute; inset: 0; }
.zt-card:hover h3 a { color: var(--zt-amber-light, #D4A843); }
a.zt-more { text-decoration: none; }
a.zt-more:hover { color: var(--zt-amber-light, #D4A843); }

/* §19 FAQ 卡片化 */
.zt-faq h3 {
    font-family: 'Noto Serif SC',serif;
    font-size: 1.15rem;
    letter-spacing: .1em;
    color: var(--zt-amber, #C4A96A);
    margin: 2.8rem 0 .4rem;
}
.zt-faq-item {
    border-bottom: 1px solid rgba(255,255,255,.07);
    padding: 1.15rem 0;
}
.zt-faq-q {
    color: var(--zt-text, #F0F0F0);
    font-weight: 600;
    line-height: 1.7;
}
.zt-faq-q::before {
    content: 'Q';
    color: var(--zt-amber, #C4A96A);
    font-family: 'Outfit',sans-serif;
    font-size: .8rem;
    letter-spacing: .1em;
    margin-right: .7rem;
}
.zt-faq-a {
    color: var(--zt-text-muted, #AAAAAA);
    line-height: 1.95;
    margin: .55rem 0 0;
    padding-left: 1.55rem;
}
.zt-faq-a::before {
    content: 'A';
    color: rgba(196,169,106,.6);
    font-family: 'Outfit',sans-serif;
    font-size: .8rem;
    letter-spacing: .1em;
    margin-right: .7rem;
}

/* §20 博客单篇排版品牌化 */
.single-post .entry-content {
    max-width: 46em;
    color: #D9D9D9;
    font-size: .95rem;
    line-height: 2.1;
}
.single-post .entry-content p { margin: 0 0 1.35rem; }
.single-post .entry-content h2 {
    font-family: 'Noto Serif SC',serif;
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: .08em;
    color: var(--zt-text, #F0F0F0);
    margin: 2.6rem 0 1.1rem;
}
.single-post .entry-content h2::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    background: var(--zt-amber, #C4A96A);
    vertical-align: middle;
    margin-right: .7rem;
}
.single-post .entry-content h3 {
    font-family: 'Noto Serif SC',serif;
    font-size: 1.12rem;
    font-weight: 600;
    letter-spacing: .06em;
    color: var(--zt-text, #F0F0F0);
    margin: 2.2rem 0 .9rem;
}
.single-post .entry-content blockquote {
    border-left: 2px solid var(--zt-amber, #C4A96A);
    margin: 1.8rem 0;
    padding: .5rem 0 .5rem 1.3rem;
    color: #C9B57E;
    font-family: 'Noto Serif SC',serif;
}
.single-post .entry-meta,
.single-post .entry-meta * {
    color: #8A8A8A;
    font-size: .74rem;
    letter-spacing: .18em;
}
.single-post .post-navigation,
.single-post .navigation.post-navigation {
    margin: 3rem 0 0;
    border-top: 1px solid rgba(255,255,255,.08);
    padding-top: 1.4rem;
}
.single-post .post-navigation a { color: var(--zt-text-muted, #AAAAAA); text-decoration: none; }
.single-post .post-navigation a:hover { color: var(--zt-amber, #C4A96A); }

/* §21 即将开放（搭景页） */
.zt-soon {
    min-height: 52vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 1rem 0 0;
}
.zt-soon h2 {
    font-family: 'Noto Serif SC',serif;
    font-size: clamp(1.6rem, 3.4vw, 2.3rem);
    letter-spacing: .12em;
    color: var(--zt-text, #F0F0F0);
    margin: 0 0 1.2rem;
}
.zt-soon p {
    color: var(--zt-text-muted, #AAAAAA);
    line-height: 2;
    max-width: 40em;
    margin: 0 0 1.2rem;
}

/* ============================================================
   §22 P4 会员皮肤 v2（2026-08-03 · v1.12.0）
   登录/注册双卡布局自 functions.php 内联迁入（单一真相源）；
   登录后仪表盘/订单表/地址/编辑表单/退出按钮首次品牌化。
   ============================================================ */

/* 22.1 账户页容器暗底兜底 */
.woocommerce-account .site-content,
.woocommerce-account #content,
.woocommerce-account .ast-container { background: var(--zt-black, #0A0A0A) !important; }

/* 22.2 登录/注册双卡布局（原内联迁入） */
.woocommerce-account #customer_login { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; max-width: 900px; margin: 3rem auto; padding: 0 1.5rem; }
@media (max-width: 768px) { .woocommerce-account #customer_login { grid-template-columns: 1fr; gap: 2rem; } }
.woocommerce-account #customer_login .col-1,
.woocommerce-account #customer_login .col-2 { width: 100% !important; float: none !important; background: rgba(255,255,255,.03); border: 1px solid rgba(196,169,106,.12); border-radius: 4px; padding: 2.5rem 2rem; box-sizing: border-box; }
.woocommerce-account #customer_login .col-1 { grid-column: 1 !important; grid-row: 1 !important; }
.woocommerce-account #customer_login .col-2 { grid-column: 2 !important; grid-row: 1 !important; }
.woocommerce-account #customer_login h2 { color: var(--zt-amber) !important; font-family: 'Noto Serif SC', serif; font-size: 1.4rem; letter-spacing: .08em; margin-bottom: 1.5rem; text-align: center; }
.woocommerce-account #customer_login .woocommerce-privacy-policy-text,
.woocommerce-account #customer_login .privacy-policy { color: rgba(255,255,255,.35); font-size: .7rem; line-height: 1.5; margin-top: 1rem; }
.woocommerce-account #customer_login .woocommerce-privacy-policy-text a { color: rgba(196,169,106,.6); }

/* 22.3 通知条（激活成功/错误等） */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info { background: rgba(196,169,106,.08) !important; border-left: 3px solid var(--zt-amber) !important; color: #F0F0F0 !important; }
.woocommerce-account .woocommerce-error { background: rgba(139,37,0,.15) !important; border-left: 3px solid var(--zt-cinnabar) !important; color: #F0F0F0 !important; }

/* 22.4 登录后仪表盘文字 */
.woocommerce-account .woocommerce-MyAccount-content { color: #F0F0F0; }
.woocommerce-account .woocommerce-MyAccount-content p { color: rgba(255,255,255,.7); }
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 { font-family: 'Noto Serif SC', serif; color: var(--zt-amber); letter-spacing: .06em; }

/* 22.5 侧边导航：暗卡 + 金条 active */
.woocommerce-account .woocommerce-MyAccount-navigation { background: rgba(255,255,255,.02); border: 1px solid rgba(196,169,106,.12); border-radius: 4px; padding: .75rem 0; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation-link a { color: rgba(255,255,255,.6); padding: .65rem 1.25rem; display: block; font-size: .85rem; letter-spacing: .05em; border-left: 2px solid transparent; transition: color .2s, background .2s, border-color .2s; }
.woocommerce-account .woocommerce-MyAccount-navigation-link a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a { color: var(--zt-amber); background: rgba(196,169,106,.05); border-left-color: var(--zt-amber); }

/* 22.6 订单/明细表格：暗底 + 金线表头 */
.woocommerce-account table.shop_table,
.woocommerce-account .woocommerce-table { width: 100%; border-collapse: collapse; background: rgba(255,255,255,.02); border: 1px solid rgba(196,169,106,.12); color: #F0F0F0; margin-bottom: 2rem; }
.woocommerce-account table.shop_table th,
.woocommerce-account .woocommerce-table th { color: rgba(196,169,106,.85); font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; text-align: left; padding: .8rem 1rem; border-bottom: 1px solid rgba(196,169,106,.15); background: transparent; }
.woocommerce-account table.shop_table td,
.woocommerce-account .woocommerce-table td { padding: .8rem 1rem; border-bottom: 1px solid rgba(255,255,255,.06); color: rgba(255,255,255,.8); font-size: .88rem; background: transparent; }
.woocommerce-account table.shop_table a,
.woocommerce-account .woocommerce-table a { color: var(--zt-amber); }
.woocommerce-account table.shop_table tfoot th,
.woocommerce-account table.shop_table tfoot td { border-bottom: none; color: rgba(255,255,255,.85); }

/* 22.7 地址块 */
.woocommerce-account .woocommerce-Address-title,
.woocommerce-account .woocommerce-Address-title.title { background: transparent !important; border: none !important; padding: 0 0 .75rem !important; margin: 0 !important; }
.woocommerce-account .woocommerce-Address address { font-style: normal; color: rgba(255,255,255,.75); line-height: 1.9; background: rgba(255,255,255,.02); border: 1px solid rgba(196,169,106,.12); border-radius: 4px; padding: 1.25rem 1.5rem; }
.woocommerce-account .woocommerce-Address-title h3 { font-family: 'Noto Serif SC', serif; color: var(--zt-amber); letter-spacing: .06em; }
.woocommerce-account .woocommerce-Address-title .edit { font-size: .78rem; letter-spacing: .08em; color: rgba(196,169,106,.7); }

/* 22.8 编辑表单补齐：select / textarea（§17 只覆盖 text/email/password） */
.woocommerce-account select,
.woocommerce-account textarea { width: 100%; background: rgba(255,255,255,.045) !important; border: 1px solid rgba(255,255,255,.2) !important; border-radius: 4px !important; color: #fff !important; font-family: 'Outfit', 'Noto Sans SC', sans-serif; font-size: .95rem; padding: .85rem 1rem; outline: none; transition: border-color .25s ease, box-shadow .25s ease; }
.woocommerce-account select:focus,
.woocommerce-account textarea:focus { border-color: var(--zt-amber) !important; box-shadow: 0 0 0 3px rgba(196,169,106,.13); }
.woocommerce-account select option { background: #14110F; color: #F0F0F0; }

/* 22.9 退出 = 金描边按钮（区别于登录的实心金） */
.woocommerce-account a.woocommerce-button.woocommerce-Button--logout,
.woocommerce-account button.woocommerce-Button--logout { background: transparent !important; color: var(--zt-amber) !important; border: 1px solid rgba(196,169,106,.45) !important; box-shadow: none !important; }
.woocommerce-account a.woocommerce-button.woocommerce-Button--logout:hover,
.woocommerce-account button.woocommerce-Button--logout:hover { background: rgba(196,169,106,.08) !important; color: var(--zt-amber-light, #d4a853) !important; }

/* 22.10 忘记密码视图：居中暗卡 */
.woocommerce-account form.woocommerce-form--lost-password,
.woocommerce-account .woocommerce-lost-password { max-width: 560px; margin: 3rem auto; background: rgba(255,255,255,.03); border: 1px solid rgba(196,169,106,.12); border-radius: 4px; padding: 2.5rem 2rem; }
.woocommerce-account .woocommerce-lost-password p { color: rgba(255,255,255,.7); }

/* 22.11 空购物车哭脸图标：白圆 → 品牌琥珀金（P5 回归补） */
.wc-block-cart__empty-cart__title::before { background-color: var(--zt-amber) !important; opacity: .8; }