/* ====================================================
   FILE NÀY CHỈ DÙNG ĐỂ TRANG TRÍ LAYOUT (CARD STYLE)
   ĐÃ LOẠI BỎ CÁC PHẦN XUNG ĐỘT VỚI LOGIC QUÀ TẶNG
   ==================================================== */

/* 1. Đóng khung Card cho sản phẩm (Giao diện hiện đại) */
.item-cart-row, .item-cart {
    display: flex !important;
    background: #fff;
    padding: 15px !important;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03);
    margin-bottom: 15px !important;
    border: 1px solid #eee !important;
    align-items: flex-start;
}

/* Ẩn dòng tiêu đề bảng cũ cho gọn */
.cart-thead { display: none !important; }
.bg-scroll { background: transparent !important; border: none !important; }

/* 2. Hiển thị giá dưới tên sản phẩm nổi bật */
.prices-under-name, .price-quanty {
    color: #e31e24 !important; /* Màu đỏ nổi bật cho giá */
    font-weight: 700;
    font-size: 15px;
    margin-top: 5px;
    display: block;
}
.d-none-price-col { display: none !important; }

/* 3. Tối ưu Sidebar thanh toán */
.shopping-cart-table-total {
    border-top: 4px solid #e31e24 !important; 
    padding-top: 15px;
}

/* 4. Nền tổng thể trang giỏ hàng */
#cart-tab .main-cart-page {
    background: #f5f5f5; /* Nền xám nhạt làm nổi bật các thẻ Card trắng */
    padding: 20px 0;
}

/* 5. Chỉnh lại nút Xóa (Giữ Icon, nhưng làm đẹp hơn theo style custom) */
.remove-item-cart {
    background: #f9f9f9;
    width: 30px; height: 30px;
    border-radius: 50%;
    display: flex !important; align-items: center; justify-content: center;
    color: #999;
    transition: 0.2s;
}
.remove-item-cart:hover {
    background: #ffebee;
    color: #e31e24 !important;
}
/* QUAN TRỌNG: Không dùng :before content để chèn chữ nữa, giữ nguyên Icon SVG */

/* 6. Ghi đè màu nút thanh toán (Nếu bạn thích màu Đỏ của file này hơn màu Xanh) */
.btn-checkout-green {
    background: #e31e24 !important; /* Đổi sang đỏ */
    border-radius: 30px !important; /* Bo tròn mạnh */
    box-shadow: 0 4px 15px rgba(227, 30, 36, 0.3);
}