.elementor-12 .elementor-element.elementor-element-79a83970{--display:flex;--padding-top:3%;--padding-bottom:12%;--padding-left:4%;--padding-right:4%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-705b2d2d .elementor-heading-title{font-size:46px;font-weight:400;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-79a83970{--content-width:1600px;}}/* Start custom CSS for shortcode, class: .elementor-element-c97cf3c *//* --- 购物车样式优化 --- */

/* 1. 优化产品表格：去除杂乱边框，增加间距 */
.woocommerce-cart .woocommerce table.shop_table {
    border: none !important;
    border-radius: 0;
}


/* 2. 数量选择框样式优化 */
.woocommerce-cart .quantity input.qty {
    border: 1px solid #ddd !important;
    border-radius: 0 !important;
    padding: 10px;
    font-weight: 500;
}


/* 隐藏不必要的标题 */
.woocommerce-cart .cart_totals h2 {
    display: none; 
}
/* 隐藏购物车底部的整个操作栏（包括优惠券和更新按钮） */
.woocommerce-cart table.shop_table td.actions {
    display: none !important;
}
/* --- 针对 Blocksy 主题的强制分行布局 --- */

/* 1. 找到父容器，取消 Grid 网格布局 */
.woocommerce .ct-woocommerce-cart-form {
    display: block !important; /* 关键：把 grid 改成 block */
    grid-template-columns: 100% !important; /* 双重保险：强制设为1列 */
    gap: 0 !important; /* 去掉网格间距 */
}

/* 2. 左侧：产品表格区域占满 100% */
.woocommerce .ct-woocommerce-cart-form .woocommerce-cart-form {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
}





/* 手机端适配：手机上恢复全宽，不然太窄了 */
@media (max-width: 768px) {
    .woocommerce .ct-woocommerce-cart-form .cart_totals table.shop_table,
    .woocommerce .ct-woocommerce-cart-form .wc-proceed-to-checkout {
        width: 100% !important;
    }
}



/* 1. 核心修复：将购物车表格内的文字全部设为白色 */
.woocommerce-cart table.cart,
.woocommerce-cart table.cart thead th,
.woocommerce-cart table.cart td,
.woocommerce-cart table.cart td.product-name a,
.woocommerce-cart table.cart .product-price .amount,
.woocommerce-cart table.cart .product-subtotal .amount,
.woocommerce-cart .cart-collaterals .cart_totals h2,
.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals .order-total .amount {
    color: #ffffff !important;
}

/* 2. 表格样式优化：增加边框圆角和半透明背景，提升质感 */
.woocommerce-cart table.shop_table {
    border-radius: 8px !important;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

.woocommerce-cart table.shop_table thead {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.woocommerce-cart table.shop_table td {
    padding: 15px !important;
}

/* 3. 按钮优化：让“结算”按钮更醒目，调整“更新”按钮颜色 */
/* 结算按钮 */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: #ddff00 !important; /* 金色/黄色，根据你品牌调整 */
    color: #000000 !important;
    font-weight: bold !important;
    padding: 12px !important;
    border-radius: 0px !important;
    transition: all 0.3s ease;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}



/* 4. 输入框优化（优惠券、数量） */
.woocommerce-cart .coupon input#coupon_code,
.woocommerce-cart .quantity input.qty {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
    padding: 8px !important;
}

/* 5. 修复移动端表格显示问题 */
@media (max-width: 768px) {
    .woocommerce-cart table.cart td::before {
        color: #ffffff !important; /* 手机端标签文字（如：Price:） */
    }
}/* End custom CSS */