/* ══════════════════════════════════════════════════════
   AHQONE WooCommerce Custom Styles
   覆盖 WooCommerce 默认样式，适配双色模式
══════════════════════════════════════════════════════ */

/* ── 商店页面布局 ── */
.woocommerce-page .site-main,
.woocommerce .site-main {
    padding-top: calc(var(--ahq-header-height) + var(--ahq-space-8));
}

body.ahq-cart-page .site-main,
body.ahq-checkout-page .site-main {
    padding-top: 0 !important;
}

/* 产品网格 */
.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--ahq-space-6);
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

@media (max-width: 1200px) {
    .woocommerce ul.products { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
    .woocommerce ul.products { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
    .woocommerce ul.products { grid-template-columns: 1fr; }
}

/* ══════════════════════════════════════════════════════
   产品卡片 — Goldsmith 风格
   正方形图片 · 信息在下方 · hover 弹出购买按钮
══════════════════════════════════════════════════════ */

/* 卡片容器 */
.woocommerce ul.products li.product {
    position: relative !important;
    background: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    width: auto !important;
    transition: none !important;
    box-shadow: none !important;
}

/* ── 图片区域：正方形 + hover 遮罩 ── */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
    display: block !important;
    text-decoration: none !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 正方形图片容器 */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link::before {
    content: '' !important;
    display: block !important;
    padding-top: 100% !important;   /* 1:1 正方形 */
}

.woocommerce ul.products li.product a img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    margin: 0 !important;
    transition: transform 0.55s cubic-bezier(0.25,0.46,0.45,0.94) !important;
}

.woocommerce ul.products li.product:hover a img {
    transform: scale(1.06) !important;
}

/* ── Hover 遮罩 + Add to Cart 弹出 ── */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button {
    position: absolute !important;
    left: 0 !important; right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0.875rem 1rem !important;
    background: rgba(10, 8, 5, 0.88) !important;
    backdrop-filter: blur(4px) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: var(--font-body, 'DM Sans', sans-serif) !important;
    font-size: 0.65rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    /* 默认隐藏，hover 滑入 */
    opacity: 0 !important;
    transform: translateY(100%) !important;
    transition: opacity 0.3s ease, transform 0.3s ease !important;
    z-index: 10 !important;
}

.woocommerce ul.products li.product:hover .button,
.woocommerce ul.products li.product:hover .add_to_cart_button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover {
    background: var(--color-gold, #d4af37) !important;
    color: #0d0a06 !important;
    transform: translateY(0) !important;
}

/* ── 标题（图片下方）── */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    font-family: var(--ahq-font-body) !important;
    font-size: 0.9rem !important;
    font-weight: 400 !important;
    color: #1a1208 !important;
    padding: 0.875rem 0 0.25rem !important;
    margin: 0 !important;
    line-height: 1.35 !important;
    letter-spacing: 0.01em !important;
}

/* ── 价格 ── */
.woocommerce ul.products li.product .price {
    display: flex !important;
    align-items: baseline !important;
    gap: 0.5rem !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product .price .woocommerce-Price-amount {
    font-family: var(--font-body, 'DM Sans', sans-serif) !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: #1a1208 !important;
    padding: 0 !important;
}

/* 划线原价 */
.woocommerce ul.products li.product .price del {
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    color: rgba(30,20,10,0.35) !important;
}
.woocommerce ul.products li.product .price del .woocommerce-Price-amount {
    color: rgba(30,20,10,0.35) !important;
    font-weight: 400 !important;
}

/* 折扣价（ins 里的） */
.woocommerce ul.products li.product .price ins {
    text-decoration: none !important;
}
.woocommerce ul.products li.product .price ins .woocommerce-Price-amount {
    color: #c0392b !important;
}

/* ── Sale 标签 ── */
.woocommerce ul.products li.product .onsale {
    position: absolute !important;
    top: 0.75rem !important;
    left: 0.75rem !important;
    background: var(--color-gold, #d4af37) !important;
    color: #0d0a06 !important;
    font-family: var(--font-body, 'DM Sans', sans-serif) !important;
    font-size: 0.55rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    padding: 0.3rem 0.6rem !important;
    border-radius: 0 !important;
    margin: 0 !important;
    z-index: 5 !important;
    line-height: 1 !important;
}

/* 卡片间距 */
.ahq-tab-panel .products,
.woocommerce ul.products {
    gap: 2rem 1.5rem !important;
}

/* ── 单品页面（布局见 product.css）── */
body.ahq-product-page .woocommerce div.product {
    padding-top: 0;
}

/* 产品标题 */
.woocommerce div.product .product_title {
    font-family: var(--ahq-font-display) !important;
    font-weight: var(--ahq-weight-normal) !important;
    font-size: var(--ahq-text-4xl) !important;
    color: var(--ahq-text-primary) !important;
    letter-spacing: var(--ahq-tracking-tight) !important;
    margin-bottom: var(--ahq-space-3) !important;
}

/* 单品价格 */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    font-family: var(--ahq-font-price) !important;
    font-size: var(--ahq-text-3xl) !important;
    font-weight: var(--ahq-weight-semi) !important;
    color: var(--ahq-gold) !important;
}

/* 单品"加入购物车"大按钮（产品页 R1761 模板由 product.css 接管） */
.woocommerce div.product:not(.ahq-pdp) form.cart .single_add_to_cart_button,
body:not(.ahq-product-page) .woocommerce div.product form.cart .single_add_to_cart_button {
    font-family: var(--ahq-font-badge) !important;
    font-size: var(--ahq-text-sm) !important;
    font-weight: var(--ahq-weight-medium) !important;
    letter-spacing: var(--ahq-tracking-wider) !important;
    text-transform: uppercase !important;
    background: var(--ahq-gold) !important;
    color: #0C0A07 !important;
    border: none !important;
    padding: var(--ahq-space-4) var(--ahq-space-12) !important;
    border-radius: var(--ahq-radius-sm) !important;
    cursor: pointer !important;
    transition: all var(--ahq-transition-normal) !important;
}

.woocommerce div.product:not(.ahq-pdp) form.cart .single_add_to_cart_button:hover,
body:not(.ahq-product-page) .woocommerce div.product form.cart .single_add_to_cart_button:hover {
    background: var(--ahq-gold-light) !important;
    box-shadow: var(--ahq-shadow-gold) !important;
    transform: translateY(-1px) !important;
}

/* 产品图片画廊 */
.woocommerce div.product div.images img {
    border-radius: var(--ahq-radius-md);
}

/* ── 购物车 ── */
.woocommerce table.cart,
.woocommerce-cart-form table {
    background: var(--ahq-bg-secondary);
    border: 1px solid var(--ahq-border);
    border-radius: var(--ahq-radius-lg);
    overflow: hidden;
}

.woocommerce table.cart th {
    background: var(--ahq-bg-surface);
    color: var(--ahq-text-muted);
    font-family: var(--ahq-font-badge);
    font-size: var(--ahq-text-xs);
    letter-spacing: var(--ahq-tracking-widest);
    text-transform: uppercase;
    padding: var(--ahq-space-4) var(--ahq-space-4);
    border-color: var(--ahq-border);
}

.woocommerce table.cart td {
    padding: var(--ahq-space-4);
    border-color: var(--ahq-border);
    color: var(--ahq-text-secondary);
}

/* ── 结账页 ── */
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3 {
    font-family: var(--ahq-font-display);
    font-size: var(--ahq-text-2xl);
    font-weight: var(--ahq-weight-normal);
    color: var(--ahq-text-primary);
    margin-bottom: var(--ahq-space-6);
    padding-bottom: var(--ahq-space-4);
    border-bottom: 1px solid var(--ahq-border-gold);
}

.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    background: var(--ahq-bg-surface);
    border: 1px solid var(--ahq-border-strong);
    color: var(--ahq-text-primary);
    border-radius: var(--ahq-radius-sm);
    padding: var(--ahq-space-3) var(--ahq-space-4);
    width: 100%;
}

.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus {
    border-color: var(--ahq-border-focus);
    box-shadow: 0 0 0 3px var(--ahq-gold-bg);
    outline: none;
}

/* 下单按钮 */
#place_order {
    font-family: var(--ahq-font-badge) !important;
    letter-spacing: var(--ahq-tracking-wider) !important;
    text-transform: uppercase !important;
    background: var(--ahq-gold) !important;
    color: #0C0A07 !important;
    border: none !important;
    padding: var(--ahq-space-4) var(--ahq-space-12) !important;
    border-radius: var(--ahq-radius-sm) !important;
    font-size: var(--ahq-text-base) !important;
    font-weight: var(--ahq-weight-medium) !important;
    cursor: pointer !important;
    transition: all var(--ahq-transition-normal) !important;
}

#place_order:hover {
    background: var(--ahq-gold-light) !important;
    box-shadow: var(--ahq-shadow-gold-lg) !important;
}

/* ── 筛选侧边栏 ── */
.widget_price_filter .price_slider_wrapper .ui-widget-content {
    background: var(--ahq-bg-surface);
}

.widget_price_filter .price_slider_wrapper .ui-slider-range {
    background: var(--ahq-gold);
}

.widget_price_filter .price_slider_wrapper .ui-slider-handle {
    background: var(--ahq-gold);
    border-color: var(--ahq-gold-dark);
}

/* 筛选标题 */
.widget.widget_product_categories .widgettitle,
.widget.widget_price_filter .widgettitle,
.widget.widget_layered_nav .widgettitle {
    font-family: var(--ahq-font-badge);
    font-size: var(--ahq-text-xs);
    letter-spacing: var(--ahq-tracking-widest);
    text-transform: uppercase;
    color: var(--ahq-text-muted);
    margin-bottom: var(--ahq-space-4);
    padding-bottom: var(--ahq-space-3);
    border-bottom: 1px solid var(--ahq-border);
}

/* ── 浅色模式 WooCommerce 覆盖 ── */
[data-theme="light"] .woocommerce ul.products li.product {
    background: #FFFFFF !important;
    box-shadow: var(--ahq-shadow-xs) !important;
}

[data-theme="light"] .woocommerce table.cart {
    background: #FFFFFF;
}

[data-theme="light"] .woocommerce-checkout input,
[data-theme="light"] .woocommerce-checkout select {
    background: #FFFFFF;
    border-color: rgba(26, 21, 16, 0.15);
}


/* ── Checkout trust badges ── */
.ahq-checkout-trust {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 16px;
    padding: 12px 0 4px;
    border-top: 1px solid var(--ahq-border, rgba(0,0,0,.08));
}

.ahq-checkout-trust-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .72rem;
    color: var(--ahq-muted, #9a8e84);
    white-space: nowrap;
}

.ahq-checkout-trust-item svg {
    color: var(--ahq-gold, #c9a96e);
    flex-shrink: 0;
}

@media (max-width: 1024px), (hover: none) {
    .woocommerce ul.products li.product:hover a img {
        transform: none !important;
    }
}