/* ============================================================
   ZHITANG AMBER · 全局暗色琥珀金样式
   覆盖 Astra + WooCommerce 所有非首页页面
   配色取自 Sacred Amber 首页模板
   ============================================================ */

:root {
    --zt-black: #14110F; /* P0 微暖化：纯黑→暖黑 */
    --zt-surface: #151515;
    --zt-surface-light: #1A1A1A;
    --zt-amber: #C4A96A;
    --zt-amber-dark: #B8963E;
    --zt-amber-light: #D4A843;
    --zt-cinnabar: #8B2500;
    --zt-text: #F0F0F0;
    --zt-text-light: #AAAAAA;
    --zt-text-muted: #999999;
    --zt-border: rgba(196, 169, 106, 0.15);
    --zt-font-serif: 'Noto Serif SC', 'Noto Serif Tibetan', 'Songti SC', 'STSong', serif; /* 叙事人格 */
    --zt-font-sans: 'Outfit', 'Noto Sans SC', -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif; /* 交易人格 */
}

/* ---------- 基础 ---------- */
html { scroll-behavior: smooth; }

body,
body.ast-separate-container,
body.page,
body.single,
body.archive,
body.woocommerce,
body.woocommerce-page {
    background-color: var(--zt-black) !important;
    color: var(--zt-text) !important;
    font-family: var(--zt-font-serif) !important; /* P1-① 叙事人格默认：关于/博客/诗学页用衬线 */
    line-height: 1.75; /* P0 暗底可读性 */
}

/* ============================================================
   P1-① 双字体人格 · Kailash A3 落地（2026-07-22）
   叙事页（首页/关于/博客/材质诗学）= 优雅衬线，读故事
   交易页（商店/商品详情/购物车/结账/账户）= 硬朗无衬线+大写纪律，做决策
   ============================================================ */

/* 交易页：正文 → 无衬线 */
body.woocommerce,
body.woocommerce-page {
    font-family: var(--zt-font-sans) !important;
}

/* 交易页：标题/商品名 → 无衬线 */
body.woocommerce h1, body.woocommerce h2, body.woocommerce h3, body.woocommerce h4, body.woocommerce h5, body.woocommerce h6,
body.woocommerce-page h1, body.woocommerce-page h2, body.woocommerce-page h3, body.woocommerce-page h4, body.woocommerce-page h5, body.woocommerce-page h6,
.woocommerce .product_title,
.woocommerce-loop-product__title,
.wc-block-grid__product-title,
body.woocommerce-page .entry-title,
body.woocommerce-page .page-title {
    font-family: var(--zt-font-sans) !important;
}

/* 商品名大写纪律（拉丁/数字大写；CJK 不受 transform 影响，用字距呼吸） */
.woocommerce-loop-product__title,
.woocommerce div.product .product_title,
.wc-block-grid__product-title {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .06em;
}

/* 交易页按钮/分页 → 无衬线 + 大写（Kailash ADD TO CART 风格） */
body.woocommerce-page .button, body.woocommerce-page button,
body.woocommerce-page input[type="submit"], body.woocommerce-page input[type="button"],
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.single_add_to_cart_button, .zt-buy-now,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    font-family: var(--zt-font-sans) !important;
    text-transform: uppercase;
    letter-spacing: .08em;
}

/* 价格/金额 → 无衬线数字感 */
.woocommerce .price, .woocommerce .amount {
    font-family: var(--zt-font-sans) !important;
}

/* 叙事页大标题：衬线字距呼吸 */
body.page:not(.woocommerce-page) .entry-title,
body.single-post .entry-title {
    letter-spacing: .03em;
    font-weight: 600;
}

/* 藏文/中文标题字体 */
h1, h2, h3, h4, h5, h6,
.entry-title, .page-title, .widget-title,
.product_title, .woocommerce-loop-product__title {
    font-family: var(--zt-font-serif) !important;
    color: var(--zt-text) !important;
}

a { color: var(--zt-amber); transition: color .2s ease; }
a:hover { color: var(--zt-amber-light); }

p, li, td, th, span, div, label { color: var(--zt-text-light); }

::selection { background: var(--zt-amber); color: var(--zt-black); }

/* 滚动条 */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--zt-black); }
::-webkit-scrollbar-thumb { background: var(--zt-amber-dark); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: var(--zt-amber); }

/* ---------- 内容容器 ---------- */
.site-content, #content, #primary, #main,
.ast-container, .entry-content, .site-main {
    background-color: transparent !important;
}

.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single,
.ast-separate-container .comment-respond,
.ast-separate-container .ast-comment-list li.depth-1,
.ast-separate-container .woocommerce {
    background-color: transparent !important;
}

/* ---------- 顶部导航（毛玻璃） ---------- */
.main-header-bar,
.ast-primary-header-bar,
#masthead .main-header-bar,
header.site-header,
.ast-above-header,
.ast-below-header {
    background-color: rgba(20, 17, 15, 0.88) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid var(--zt-border) !important;
}

.main-navigation a,
.ast-header-break-point .main-navigation a,
.main-header-bar .main-navigation ul li a,
.site-title a, .site-title, .site-description {
    color: var(--zt-text) !important;
}

.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item a {
    color: var(--zt-amber) !important;
}

.ast-site-header-cart .ast-cart-menu-wrap,
.ast-header-woo-cart { color: var(--zt-text) !important; }

/* ---------- 页脚 ---------- */
.site-footer, .footer-adv, .ast-footer-overlay,
.site-info, .ast-small-footer {
    background-color: var(--zt-surface) !important;
    border-top: 1px solid var(--zt-border) !important;
    color: var(--zt-text-light) !important;
}
.site-footer a { color: var(--zt-amber); }
.site-footer a:hover { color: var(--zt-amber-light); }

/* ---------- 按钮（全局） ---------- */
.button,
button,
input[type="submit"],
input[type="button"],
.wp-block-button__link,
.wp-block-search__button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .cart .button,
.woocommerce .checkout .button,
.single_add_to_cart_button,
.wc-block-components-button {
    background: linear-gradient(135deg, var(--zt-amber) 0%, var(--zt-amber-dark) 100%) !important;
    color: var(--zt-black) !important;
    border: none !important;
    border-radius: 2px !important;
    font-weight: 600 !important;
    letter-spacing: .03em;
    transition: all .25s ease !important;
    text-shadow: none !important;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.single_add_to_cart_button:hover {
    background: linear-gradient(135deg, var(--zt-amber-light) 0%, var(--zt-amber) 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(196, 169, 106, 0.3) !important;
}

/* ---------- 表单 ---------- */
input[type="text"], input[type="email"], input[type="password"],
input[type="search"], input[type="tel"], input[type="number"],
textarea, select {
    background-color: var(--zt-surface) !important;
    color: var(--zt-text) !important;
    border: 1px solid var(--zt-border) !important;
    border-radius: 2px !important;
}
input:focus, textarea:focus, select:focus {
    border-color: var(--zt-amber) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(196, 169, 106, 0.2) !important;
}
::placeholder { color: var(--zt-text-muted) !important; }

/* ---------- WooCommerce · 商品网格 ---------- */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.wc-block-grid__product {
    background-color: var(--zt-surface) !important;
    border: 1px solid var(--zt-border) !important;
    border-radius: 4px !important;
    padding: 1rem !important;
    transition: all .3s ease !important;
}
.woocommerce ul.products li.product:hover {
    border-color: var(--zt-amber) !important;
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5) !important;
}

.woocommerce ul.products li.product img {
    border-radius: 2px !important;
    margin-bottom: .8rem !important;
}

.woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.wc-block-grid__product-title {
    color: var(--zt-text) !important;
    font-size: 1rem !important;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.wc-block-grid__product-price {
    color: var(--zt-amber) !important;
    font-weight: 600 !important;
}
.woocommerce .price del, .woocommerce del .amount { color: var(--zt-text-muted) !important; }
.woocommerce .price ins { color: var(--zt-amber-light) !important; text-decoration: none; }

.woocommerce span.onsale {
    background-color: var(--zt-cinnabar) !important;
    color: #fff !important;
    border-radius: 2px !important;
}

/* 星级 */
.woocommerce .star-rating, .woocommerce .star-rating::before {
    color: var(--zt-amber) !important;
}

/* ---------- WooCommerce · 商品详情 ---------- */
.woocommerce div.product .product_title { color: var(--zt-text) !important; }
.woocommerce div.product .woocommerce-product-rating .star-rating { color: var(--zt-amber) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs {
    background: transparent !important;
    padding: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: var(--zt-surface) !important;
    border: 1px solid var(--zt-border) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background-color: var(--zt-amber) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--zt-black) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: var(--zt-text-light) !important; }
.woocommerce div.product .woocommerce-tabs .panel {
    background: transparent !important;
    color: var(--zt-text-light) !important;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    background-color: var(--zt-surface) !important;
    border: 1px solid var(--zt-border) !important;
}

/* ---------- WooCommerce · 购物车 / 结账 ---------- */
.woocommerce table.shop_table,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
    background-color: var(--zt-surface) !important;
    border-color: var(--zt-border) !important;
    color: var(--zt-text-light) !important;
}
.woocommerce table.shop_table th { color: var(--zt-amber) !important; }
.woocommerce .cart-collaterals .cart_totals,
.woocommerce .cart-collaterals .cart_totals tr td,
.woocommerce .cart-collaterals .cart_totals tr th {
    background: transparent !important;
}
.woocommerce-checkout #payment {
    background-color: var(--zt-surface) !important;
    border: 1px solid var(--zt-border) !important;
}
.woocommerce-checkout #payment ul.payment_methods {
    background: transparent !important;
    border-bottom: 1px solid var(--zt-border) !important;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    background-color: var(--zt-surface) !important;
    border: 1px solid var(--zt-border) !important;
}
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews {
    background-color: var(--zt-surface-light) !important;
    color: var(--zt-text) !important;
    border-top-color: var(--zt-amber) !important;
}
.woocommerce-message::before, .woocommerce-info::before { color: var(--zt-amber) !important; }

/* ---------- WooCommerce · My Account ---------- */
.woocommerce-MyAccount-navigation ul {
    background: transparent !important;
}
.woocommerce-MyAccount-navigation ul li {
    background-color: var(--zt-surface) !important;
    border: 1px solid var(--zt-border) !important;
    margin-bottom: 4px;
}
.woocommerce-MyAccount-navigation ul li.is-active {
    background-color: var(--zt-amber) !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a { color: var(--zt-black) !important; }
.woocommerce-MyAccount-navigation ul li a { color: var(--zt-text-light) !important; }
.woocommerce-MyAccount-content { color: var(--zt-text-light) !important; }

/* ---------- 面包屑 / 排序 / 分页 ---------- */
.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a {
    color: var(--zt-text-muted) !important;
}
.woocommerce .woocommerce-ordering select,
.woocommerce .woocommerce-result-count {
    color: var(--zt-text-light) !important;
}
.woocommerce nav.woocommerce-pagination ul {
    border: 1px solid var(--zt-border) !important;
}
.woocommerce nav.woocommerce-pagination ul li {
    border-right: 1px solid var(--zt-border) !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    color: var(--zt-text-light) !important;
    background: var(--zt-surface) !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--zt-amber) !important;
    color: var(--zt-black) !important;
}

/* ---------- 侧边栏 / 小工具 ---------- */
.widget, .sidebar-main, .ast-woocommerce-container .widget {
    background-color: var(--zt-surface) !important;
    border: 1px solid var(--zt-border) !important;
    border-radius: 4px !important;
    padding: 1.2rem !important;
}
.widget-title { color: var(--zt-amber) !important; }
.widget ul li, .widget a { color: var(--zt-text-light) !important; }
.widget_price_filter .ui-slider .ui-slider-range,
.widget_price_filter .ui-slider .ui-slider-handle {
    background-color: var(--zt-amber) !important;
}

/* ---------- 文章内容 ---------- */
.entry-content, .entry-content p, .entry-content li {
    color: var(--zt-text-light) !important;
}
.entry-meta, .entry-meta a, .ast-author-box { color: var(--zt-text-muted) !important; }

blockquote {
    border-left: 3px solid var(--zt-amber) !important;
    background-color: var(--zt-surface) !important;
    color: var(--zt-text) !important;
    padding: 1rem 1.5rem !important;
}

pre, code {
    background-color: var(--zt-surface) !important;
    color: var(--zt-amber-light) !important;
}

/* 图片 */
img { max-width: 100%; height: auto; }

/* 分隔线 */
hr { border-color: var(--zt-border) !important; }

/* ---------- WP-Members 注册/登录表单 ---------- */
.wpmembers_field, .wpmembers_form, #wpmem_reg, #wpmem_login {
    background-color: var(--zt-surface) !important;
    border: 1px solid var(--zt-border) !important;
    padding: 1.5rem !important;
    border-radius: 4px !important;
    color: var(--zt-text-light) !important;
}
.wpmembers_field label { color: var(--zt-text) !important; }

/* ---------- 多语言切换器美化 ---------- */
.zt-lang-switcher a,
.wpml-ls-link,
.trp-language-switcher a {
    color: var(--zt-text-light) !important;
}
.zt-lang-switcher a:hover,
.trp-language-switcher a:hover {
    color: var(--zt-amber) !important;
}

/* ---------- 响应式微调 ---------- */
@media (max-width: 768px) {
    .main-header-bar { background-color: rgba(20, 17, 15, 0.96) !important; }
    .woocommerce ul.products li.product { padding: .8rem !important; }
}

/* ============================================================
   P0 转化套件（2026-07-22）· Kailash A4 转化栈落地
   ============================================================ */

/* P0-4 价格琥珀金强调（商品详情页） */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: var(--zt-amber-light) !important;
    font-size: 1.65rem !important;
    font-weight: 700 !important;
    letter-spacing: .02em;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del { font-size: 1rem; }

/* P0-3 CTA 分层：加入购物车 → ghost 描边；立即购买 → solid 金 */
.woocommerce div.product form.cart {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
.woocommerce div.product form.cart .single_add_to_cart_button {
    background: transparent !important;
    border: 1px solid var(--zt-amber) !important;
    color: var(--zt-amber) !important;
    padding: .9em 1.6em !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover {
    background: rgba(196, 169, 106, .12) !important;
    box-shadow: none !important;
}
.woocommerce div.product form.cart .zt-buy-now {
    background: linear-gradient(135deg, var(--zt-amber-light) 0%, var(--zt-amber-dark) 100%) !important;
    border: none !important;
    color: var(--zt-black) !important;
    padding: .9em 2.2em !important;
    font-weight: 700 !important;
}
.woocommerce div.product form.cart .zt-buy-now:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 24px rgba(212, 168, 67, .35) !important;
}
.woocommerce div.product form.cart .qty {
    background-color: var(--zt-surface) !important;
    border: 1px solid var(--zt-border) !important;
    color: var(--zt-text) !important;
    padding: .8em .6em !important;
    width: 4.2em;
}

/* P0-1 库存+发货徽章 */
.woocommerce div.product p.stock.zt-stock {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: .85rem;
    letter-spacing: .05em;
    padding: .45rem .9rem;
    border-radius: 2px;
    margin-bottom: 1rem;
}
.woocommerce div.product p.stock.zt-stock::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}
.woocommerce div.product p.stock.zt-stock-ok {
    color: var(--zt-text-light) !important;
    background: rgba(196, 169, 106, .08);
    border: 1px solid var(--zt-border);
}
.woocommerce div.product p.stock.zt-stock-ok::before { background: var(--zt-amber); }
.woocommerce div.product p.stock.zt-stock-low {
    color: var(--zt-amber-light) !important;
    background: rgba(212, 168, 67, .1);
    border: 1px solid rgba(212, 168, 67, .35);
}
.woocommerce div.product p.stock.zt-stock-low::before {
    background: var(--zt-amber-light);
    animation: zt-pulse 1.6s ease-in-out infinite;
}
@keyframes zt-pulse {
    0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(212, 168, 67, .5); }
    50% { opacity: .55; box-shadow: 0 0 0 5px rgba(212, 168, 67, 0); }
}

/* P0-3 信任三图标 */
.woocommerce div.product .zt-trust-row {
    flex-basis: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem;
    margin-top: .6rem;
    padding-top: 1.1rem;
    border-top: 1px solid var(--zt-border);
}
.woocommerce div.product .zt-trust-item {
    display: inline-flex !important;
    align-items: center;
    gap: .5rem;
    font-size: .82rem;
    color: var(--zt-text-muted) !important;
    letter-spacing: .04em;
    transition: color .25s ease;
}
.woocommerce div.product .zt-trust-item:hover { color: var(--zt-amber) !important; }
.woocommerce div.product .zt-trust-item svg {
    width: 17px;
    height: 17px;
    color: var(--zt-amber-dark);
    flex-shrink: 0;
    transition: color .25s ease, transform .25s ease;
}
.woocommerce div.product .zt-trust-item:hover svg {
    color: var(--zt-amber-light);
    transform: translateY(-1px);
}

/* 移动端：CTA 各占一行，信任行缩小 */
@media (max-width: 768px) {
    .woocommerce div.product form.cart .single_add_to_cart_button,
    .woocommerce div.product form.cart .zt-buy-now { flex: 1 1 100%; }
    .woocommerce div.product .zt-trust-row { gap: 1rem; }
    .woocommerce div.product .zt-trust-item { font-size: .75rem; }
    .woocommerce div.product p.price, .woocommerce div.product span.price {
        font-size: 1.4rem !important;
    }
}

/* ============================================================
   评论区暗色覆盖（P1-② 回归修复 2026-07-22）
   Astra/WP 默认 #respond 白底，与暗色正文冲突→统一透明/暖黑
   ============================================================ */
.comments-area, #comments, #respond, .comment-respond,
.ast-comment-form-wrap, .ast-comments-area, .comment-form,
.comment-form-comment, .comment-form-author, .comment-form-email,
.comment-form-url, .form-submit, .comment-notes, .logged-in-as,
.comment-body, .comment-content, .comment-content p, .comment-metadata,
.ast-separate-container #respond, .ast-separate-container .comment-respond,
.ast-separate-container .ast-comment-form-wrap, .ast-separate-container .comments-area {
    background-color: transparent !important;
    color: var(--zt-text-light) !important;
}
#reply-title, .comments-title, .comment-reply-title,
.comment-form label, .comment-author, .fn { color: var(--zt-text) !important; }
.comments-area a, .reply a, .comment-reply-link { color: var(--zt-amber) !important; }
.comment-form input[type="checkbox"] { width: auto !important; }

/* ============================================================
   主导航下拉菜单暗色覆盖（P1 导航 2026-07-22）
   Astra 默认 sub-menu 白底→暗色站里刺眼，统一暖黑浮层
   ============================================================ */
.main-navigation .sub-menu,
.main-navigation .children,
.ast-nav-menu .sub-menu,
#site-navigation .sub-menu,
.ast-desktop .main-navigation .sub-menu,
.ast-desktop .main-header-menu .sub-menu {
    background-color: var(--zt-surface) !important;
    border: 1px solid var(--zt-border) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .55) !important;
    border-radius: 3px !important;
    padding: .4rem 0 !important;
}
.main-navigation .sub-menu li,
.main-navigation .children li,
.ast-nav-menu .sub-menu li { background-color: transparent !important; }
.main-navigation .sub-menu a,
.main-navigation .children a,
.ast-nav-menu .sub-menu a {
    color: var(--zt-text-light) !important;
    background: transparent !important;
    padding: .55rem 1.3rem !important;
    font-size: .9rem !important;
    letter-spacing: .04em;
    transition: color .2s ease, background .2s ease !important;
}
.main-navigation .sub-menu a:hover,
.main-navigation .sub-menu .current-menu-item > a,
.ast-nav-menu .sub-menu a:hover {
    color: var(--zt-amber) !important;
    background: rgba(196, 169, 106, .08) !important;
}