.elementor-14 .elementor-element.elementor-element-28cf9656{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-14 .elementor-element.elementor-element-10865b3{padding:0px 30px 0px 30px;}/* Start custom CSS for text-editor, class: .elementor-element-10865b3 *//* ==================================================== */
/* 1. ÉP KHUNG VÀ TẠO KHOẢNG TRỐNG HAI BÊN               */
/* ==================================================== */
.woocommerce {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
}

.woocommerce-cart,
.woocommerce-cart table.shop_table,
.woocommerce-cart input.input-text,
.woocommerce-cart .button {
    font-family: 'Montserrat', sans-serif !important;
}

/* ==================================================== */
/* 2. NỚI RỘNG BẢNG SẢN PHẨM & TRẢ LẠI KHUNG VIỀN       */
/* ==================================================== */
.woocommerce table.shop_table {
    border: 1px solid #eeeeee !important;
    border-collapse: collapse !important;
    width: 100% !important;
}

.woocommerce table.shop_table th, 
.woocommerce table.shop_table td {
    padding: 25px 15px !important;
    border-bottom: 1px solid #eeeeee !important;
    border-top: none !important;
}

.woocommerce table.shop_table th {
    font-size: 0 !important; 
    padding-bottom: 20px !important;
    border-bottom: 2px solid #111111 !important; 
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: #111111 !important;
}

.woocommerce table.cart th.product-name::after { content: "SẢN PHẨM"; font-size: 13px !important; font-weight: 600 !important; }
.woocommerce table.cart th.product-price::after { content: "GIÁ"; font-size: 13px !important; font-weight: 600 !important; }
.woocommerce table.cart th.product-quantity::after { content: "SỐ LƯỢNG"; font-size: 13px !important; font-weight: 600 !important; }
.woocommerce table.cart th.product-subtotal::after { content: "TỔNG TẠM"; font-size: 13px !important; font-weight: 600 !important; }

/* ==================================================== */
/* 3. ÉP Ô COUPON VÀ CÁC NÚT BẤM XẾP DỌC THẲNG TẮP      */
/* ==================================================== */
.woocommerce table.cart td.actions {
    display: flex !important;
    flex-direction: column !important; 
    align-items: flex-start !important; 
    gap: 15px !important; 
    padding: 20px 15px !important;
}

.woocommerce .cart .actions .coupon {
    display: flex !important;
    flex-direction: column !important; 
    align-items: flex-start !important; 
    gap: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce .cart .actions .coupon label {
    display: none !important;
}

.woocommerce .cart .actions .coupon input.input-text {
    border: 1px solid #dddddd !important;
    padding: 0 15px !important; 
    font-size: 14px !important;
    width: 250px !important; 
    height: 50px !important; 
    margin: 0 !important; 
    background-color: #fafafa !important;
    box-sizing: border-box !important;
}

.woocommerce .cart .actions .coupon input.input-text::-webkit-input-placeholder { color: transparent !important; }
.woocommerce .cart .actions .coupon input.input-text::-moz-placeholder { color: transparent !important; }
.woocommerce .cart .actions .coupon input.input-text:-ms-input-placeholder { color: transparent !important; }

/* ==================================================== */
/* 4. NÂNG CẤP NÚT BẤM (BUTTON)                         */
/* ==================================================== */
.woocommerce .cart .button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    display: inline-flex !important; 
    align-items: center !important;
    justify-content: center !important;
    height: 50px !important; 
    margin: 0 !important; 
    width: auto !important; 
    white-space: nowrap !important; 
    box-sizing: border-box !important;
    background-color: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #111111 !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    padding: 0 30px !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    cursor: pointer !important;
    border-radius: 4px !important; 
}

.woocommerce .cart .button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #d4af37 !important; 
    border-color: #d4af37 !important;
    color: #ffffff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.3) !important;
}

.woocommerce button[name="apply_coupon"] { font-size: 0 !important; }
.woocommerce button[name="apply_coupon"]::after { content: "ÁP DỤNG MÃ"; font-size: 13px !important; }

.woocommerce button[name="update_cart"] { font-size: 0 !important; }
.woocommerce button[name="update_cart"]::after { content: "CẬP NHẬT GIỎ HÀNG"; font-size: 13px !important; }

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { font-size: 0 !important; }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button::after { content: "TIẾN HÀNH THANH TOÁN"; font-size: 14px !important; }

/* ==================================================== */
/* 5. KHU VỰC TỔNG ĐƠN HÀNG                             */
/* ==================================================== */
.cart_totals {
    background-color: #fcfcfc !important;
    padding: 40px !important; 
    border: 1px solid #eeeeee !important;
    margin-top: 40px !important;
}

.cart_totals h2 {
    font-size: 0 !important;
    margin-bottom: 30px !important;
}
.cart_totals h2::after { 
    content: "TỔNG ĐƠN HÀNG"; 
    font-size: 18px !important; 
    font-family: 'Montserrat', sans-serif !important; 
    font-weight: 700 !important;
    color: #111111 !important;
    letter-spacing: 1.5px !important;
}

.cart_totals table {
    width: 100% !important;
    border-collapse: collapse !important;
}

.cart-collaterals .cart_totals table tr th,
.cart-collaterals .cart_totals table tr td {
    padding: 20px 10px !important;
    border-bottom: 1px solid #eeeeee !important;
    border-top: none !important;
    vertical-align: middle !important;
}

.cart-subtotal th { font-size: 0 !important; text-align: left !important; width: 40% !important; }
.cart-subtotal th::after { content: "Tạm tính"; font-size: 14px !important; font-weight: 500 !important; }
.cart-subtotal td { text-align: right !important; } 

.order-total th { font-size: 0 !important; text-align: left !important; width: 40% !important;}
.order-total th::after { content: "Tổng cộng"; font-size: 16px !important; font-weight: 700 !important; }
.order-total td { text-align: right !important; } 

.order-total td span.amount {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #d4af37 !important; 
}

/* ==================================================== */
/* 6. TỐI ƯU HIỂN THỊ TRÊN ĐIỆN THOẠI (MOBILE)          */
/* ==================================================== */
@media (max-width: 768px) {
    /* Chuyển các dòng tổng tiền thành dạng Flexbox để dàn đều 2 bên trái/phải */
    .cart-collaterals .cart_totals table tr {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        border-bottom: 1px solid #eeeeee !important;
    }
    
    .cart-collaterals .cart_totals table tr th,
    .cart-collaterals .cart_totals table tr td {
        display: block !important; 
        width: auto !important; 
        padding: 15px 0 !important; 
        border: none !important; 
    }

    /* CHỐNG ĐÈ CHỮ: Ép không rớt dòng và khôi phục chiều cao dòng */
    .cart-subtotal th::after,
    .order-total th::after {
        white-space: nowrap !important; 
        line-height: 1.5 !important; 
        display: block !important;
    }

    /* Thu gọn ô nhập mã giảm giá trên mobile để không bị tràn viền */
    .woocommerce .cart .actions .coupon input.input-text {
        width: 100% !important;
        max-width: 300px !important;
    }

    /* Cân đối lại size chữ tổng tiền cho vừa vặn màn hình */
    .order-total td span.amount {
        font-size: 20px !important; 
    }
}/* End custom CSS */