/* 购物车页面CSS样式 */
.woocommerce .vape-cart-wrapper,
.vape-cart-wrapper {
    max-width: 1000px;
    margin: 60px auto;
    padding: 0 20px;
    font-family: system-ui, sans-serif;
}
.vape-cart-wrapper a {
    text-decoration: none;
    box-shadow: none;
}

.cart-page-title {
    font-size: 32px;
    color: #1d1d1f;
    margin-bottom: 30px;
    text-align: center;
}

/* 空购物车状态 */
.empty-cart-state {
    background: #f9fafb;
    border: 1px dashed #d1d5db;
    border-radius: 12px;
    padding: 60px 20px;
    text-align: center;
}
.empty-cart-state .empty-icon { font-size: 48px; margin-bottom: 15px; }
.empty-cart-state h3 { font-size: 20px; color: #1d1d1f; margin: 0 0 10px 0; }
.empty-cart-state p { color: #515154; margin-bottom: 25px; }
.empty-cart-state .vape-btn { display: inline-block; padding: 12px 30px; }

/* 有商品时的布局：左列商品，右列结算 */
.cart-layout {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 40px;
    align-items: start;
}

/* 商品卡片 */
.cart-items-list { display: flex; flex-direction: column; gap: 15px; }
.cart-item-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    padding: 20px 25px;
}
.item-title { font-size: 18px; margin: 0 0 5px 0; color: #1d1d1f; }
.item-meta { font-size: 13px; color: #86868b; }
.item-price-actions { text-align: right; }
.item-price { font-size: 18px; font-weight: 700; color: #1d1d1f; margin-bottom: 5px; }
.btn-remove { font-size: 13px; color: #dc2626; text-decoration: none; transition: color 0.2s; }
.btn-remove:hover { color: #991b1b; text-decoration: underline; }

/* 订单摘要盒子 */
.cart-summary-box {
    background: #f9fafb;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    padding: 30px;
}
.cart-summary-box h3 { margin: 0 0 20px 0; font-size: 18px; border-bottom: 1px solid #eaeaea; padding-bottom: 15px; }
.summary-row { display: flex; justify-content: space-between; margin-bottom: 15px; font-size: 15px; color: #515154; }
.summary-divider { border: 0; border-top: 1px dashed #d1d5db; margin: 15px 0; }
.summary-row.total { font-size: 20px; font-weight: 700; color: #1d1d1f; margin-bottom: 25px; }

/* 移动端 */
@media (max-width: 768px) {
    .cart-layout { grid-template-columns: 1fr; gap: 20px; }
    .cart-item-card { flex-direction: column; align-items: flex-start; gap: 15px; }
    .item-price-actions { width: 100%; display: flex; justify-content: space-between; align-items: center; }
    .item-price { margin-bottom: 0; }
}