/**
 * Landing Theme WooCommerce 兼容样式.
 *
 * 说明:
 * - 统一商品卡片, 商品详情, 购物车, 结账页视觉.
 * - 只处理承载层外观, 不触碰 WooCommerce 业务逻辑.
 */

.woocommerce .site-main,
.woocommerce-page .site-main,
.woocommerce-account .entry-content,
.woocommerce-cart .entry-content,
.woocommerce-checkout .entry-content {
    max-width: var(--wp--custom--layout--shop);
    margin: 0 auto;
}

.woocommerce ul.products li.product,
.woocommerce div.product,
.woocommerce-cart .wc-block-cart,
.woocommerce-checkout .wc-block-checkout,
.woocommerce-account .woocommerce,
.woocommerce .related.products,
.woocommerce .up-sells {
    background: var(--wp--preset--color--surface);
    border-radius: var(--wp--custom--radius--card);
}

.woocommerce ul.products li.product {
    padding: 16px;
    border: 1px solid var(--wp--preset--color--border);
    box-shadow: none;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.wc-block-components-product-price {
    color: var(--wp--preset--color--secondary);
    font-weight: 700;
}

.woocommerce div.product .summary,
.woocommerce-tabs,
.woocommerce-cart-form,
.cart-collaterals,
.wc-block-components-sidebar {
    background: var(--wp--preset--color--surface);
    border: 1px solid var(--wp--preset--color--border);
    border-radius: var(--wp--custom--radius--card);
    padding: 24px;
    box-sizing: border-box;
    box-shadow: none;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.wc-block-components-notice-banner {
    border-radius: var(--wp--custom--radius--md);
}

.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
    border-color: var(--wp--preset--color--border);
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--surface);
}