/**
 * "Load More Products" label placement fix.
 *
 * The product archive grid (ul.products) is float-based (li.product { float:left }
 * from WooCommerce core's woocommerce-layout.css). The "Load More Products for
 * WooCommerce" plugin appends its status label ("Loading...", "No more products")
 * and load-more button as a plain <div> inside ul.products. Those normally get
 * width:100% + clear:both from the plugin's own load_products.css — but that
 * stylesheet is NOT enqueued on this site, so the label is left as an uncleared
 * block and the floated product tiles tuck up beside it, making "No more products"
 * render in the middle of the results instead of on its own row at the bottom.
 *
 * Re-assert the clearing here, in theme CSS that actually loads, so it survives
 * plugin updates and does not depend on the plugin enqueueing its own stylesheet.
 */
.products-content-area ul.products .lmp_products_loading,
.products-content-area ul.products .lmp_load_more_button,
ul.products .lmp_products_loading,
ul.products .lmp_load_more_button {
    clear: both;
    float: none;
    width: 100%;
    text-align: center;
}