/**
 * Checkout Cart List Scrollable Styles
 * Makes the cart list in checkout scrollable when there are many products
 */

/* Make the cart review table scrollable */
.woocommerce-checkout-review-order-table tbody {
    max-height: 300px;
    overflow-y: auto;
    display: block;
}

.woocommerce-checkout-review-order-table thead,
.woocommerce-checkout-review-order-table tfoot {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.woocommerce-checkout-review-order-table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

/* Custom scrollbar styling */
.woocommerce-checkout-review-order-table tbody::-webkit-scrollbar {
    width: 6px;
}

.woocommerce-checkout-review-order-table tbody::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.woocommerce-checkout-review-order-table tbody::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.woocommerce-checkout-review-order-table tbody::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* For Woolentor checkout */
.woolentor-checkout__prduct-box {
    max-height: 400px;
    overflow-y: auto;
}

.woolentor-checkout__prduct-box::-webkit-scrollbar {
    width: 6px;
}

.woolentor-checkout__prduct-box::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.woolentor-checkout__prduct-box::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.woolentor-checkout__prduct-box::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .woocommerce-checkout-review-order-table tbody {
        max-height: 250px;
    }
    
    .woolentor-checkout__prduct-box {
        max-height: 300px;
    }
}