{# post-metadata (magazine-bold) — author/date/reading-time row from the `post` provider, hairline chips. #}
{% if post %}
<div data-block-override="magazine-bold:post-metadata" class="flex flex-wrap items-center gap-x-4 gap-y-2 text-sm text-muted-foreground{% if class %} {{ class }}{% endif %}">
{% if showAuthor and post.author_name %}<span class="flex items-center gap-2">{% if showAvatar and post.author_avatar %}{% img post.author_avatar alt=post.author_name class="h-7 w-7 rounded-full object-cover ring-1 ring-[hsl(var(--border))]" %}{% endif %}<span class="mb-caps text-[hsl(var(--accent))]">{{ post.author_name }}</span></span>{% endif %}
{% if showDate and post.published_at %}<time datetime="{{ post.published_at|date:"Y-m-d" }}">{{ post.published_at|date:"F j, Y" }}</time>{% endif %}
{% if showReadingTime and post.reading_time %}<span>{{ post.reading_time }} min read</span>{% endif %}
{% if post.categories %}<span class="flex flex-wrap gap-1.5">{% for cat in post.categories %}<a href="{{ cat.url|default:'#' }}" class="mb-caps rounded-none border border-[hsl(var(--border))] px-2 py-0.5 text-xs text-muted-foreground transition-colors hover:text-[hsl(var(--accent))]">{{ cat.name }}</a>{% endfor %}</span>{% endif %}
</div>
{% endif %}