/**
 * WooCommerce样式覆盖 (woocommerce-overrides.css)
 *
 * 这个文件包含覆盖WooCommerce默认样式的CSS
 */

/*--------------------------------------------------------------
1. 产品标题字号修复
--------------------------------------------------------------*/
/* 修复WooCommerce默认的产品标题字号 - 只针对产品列表，不影响单产品页面 */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3,
.woocommerce-page ul.products li.product h3,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title,
.woocommerce-page ul.products li.product h2.woocommerce-loop-product__title {
    font-size: 11px; /* 移除!important，使用高特异性选择器 */
    font-weight: var(--font-medium);
    margin-bottom: 5px;
    color: var(--color-text);
    white-space: nowrap; /* 禁止回行 */
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 100%;
}

/*--------------------------------------------------------------
2. 相关产品标题字号修复 - 已完全移除
--------------------------------------------------------------*/

/*--------------------------------------------------------------
3. 产品列表边距修复
--------------------------------------------------------------*/
/* 修复产品列表左侧边距 - 使用高特异性选择器 */
.woocommerce.woocommerce-page ul.products,
.woocommerce ul.products {
    margin-left: 30px; /* 移除!important */
    width: calc(100% - 30px); /* 移除!important */
}

/*--------------------------------------------------------------
4. 响应式样式
--------------------------------------------------------------*/
/* 响应式样式 - 使用高特异性选择器 */
@media (max-width: 768px) {
    .woocommerce .related.products > h2,
    .woocommerce .related-products > h2,
    .woocommerce .related-products-section > h2,
    .woocommerce .related.products > h2.woocommerce-loop-product__title {
        font-size: 13px; /* 移除!important，移动端稍微小一点 */
    }
}