/* Bee1 User Activity Insights - Frontend Styles */

.buai-recommendations {
    clear: both;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.buai-recommendations h2 {
    margin-bottom: 20px;
    font-size: 1.4em; /* Adjust as needed */
}

.buai-product-list {
    /* WooCommerce ul.products usually has its own styling */
    /* You might not need much here if render_product_item_html works well with theme */
}

/* Example: Ensure products in our lists behave like WooCommerce products */
.buai-product-list .product {
    /* Standard WooCommerce product styling should apply */
    /* Add any specific overrides if needed */
}

/* If using a custom layout without WooCommerce hooks inside render_product_item_html */
/*
.buai-product-list .buai-product-item {
    float: left;
    width: 23%;
    margin: 0 2% 2% 0;
    text-align: center;
}
.buai-product-list .buai-product-item:last-child {
    margin-right: 0;
}
.buai-product-list .buai-product-item img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}
*/