{#
 # Card Component (Bootstrap 5)
 #
 # Reusable card component for list/grid display.
 #
 # Expected context:
 #   post.title       - Card title
 #   post.permalink   - Card link URL
 #   post.excerpt     - Card description text
 #   post.thumbnail   - Optional thumbnail URL
 #
 # @package WcBootstrap
 # @since 0.1.0
 #}

<article class="card h-100 shadow-sm">
    {% if post.thumbnail is defined and post.thumbnail %}
        <img src="{{ post.thumbnail|esc_url }}" class="card-img-top" alt="{{ post.title|esc_attr }}">
    {% endif %}

    <div class="card-body">
        <h3 class="card-title h5">
            <a href="{{ post.permalink|esc_url }}" class="stretched-link text-decoration-none">
                {{ post.title|esc_html }}
            </a>
        </h3>

        {% if post.excerpt is defined and post.excerpt %}
            <p class="card-text text-body-secondary">{{ post.excerpt|wp_kses_post }}</p>
        {% endif %}

        {% block card_meta %}{% endblock %}
    </div>

    {% block card_footer %}{% endblock %}
</article>