{#
 # Product Content in Loop (Bootstrap 5 Override)
 #
 # Renders a single product card within the shop loop grid.
 # Uses Bootstrap 5 card component with stretched-link.
 #
 # Expected context:
 #   product - WC_Product object with:
 #     .name           - Product name
 #     .permalink      - Product URL
 #     .image          - Product thumbnail HTML
 #     .price_html     - Formatted price HTML
 #     .rating_html    - Star rating HTML
 #     .is_on_sale     - Whether product is on sale
 #     .add_to_cart    - Add-to-cart button context
 #
 # WooCommerce PHP equivalent: content-product.php
 #
 # @package WcBootstrap
 # @since 0.1.0
 #}

<div class="col">
    <article class="card h-100 shadow-sm product">
        {{ do_action('woocommerce_before_shop_loop_item') }}

        {# Product image with sale badge overlay #}
        <div class="position-relative overflow-hidden">
            {{ do_action('woocommerce_before_shop_loop_item_title') }}
        </div>

        <div class="card-body d-flex flex-column">
            {# Product title #}
            {{ do_action('woocommerce_shop_loop_item_title') }}

            {# Rating and price #}
            {{ do_action('woocommerce_after_shop_loop_item_title') }}
        </div>

        <div class="card-footer bg-transparent border-0 pt-0 pb-3 px-3">
            {{ do_action('woocommerce_after_shop_loop_item') }}
        </div>
    </article>
</div>