{{-- Breadcrumbs appear ONLY on project and article detail pages (PRD §6.7). JSON-LD is emitted by the controller. --}}
@props(['trail'])
<nav aria-label="{{ __('portfolio.a11y.breadcrumb') }}" {{ $attributes->class('text-sm') }}>
    <ol class="flex flex-wrap items-center gap-x-2 gap-y-1 text-muted">
        @foreach ($trail as $crumb)
            <li class="flex items-center gap-2">
                @if ($loop->last)
                    <span aria-current="page" class="text-ink">{{ $crumb['name'] }}</span>
                @else
                    <a href="{{ $crumb['url'] }}" class="inline-flex min-h-11 items-center text-muted hover:text-ink">{{ $crumb['name'] }}</a>
                    <x-icon name="heroicon-o-chevron-right" class="size-4" />
                @endif
            </li>
        @endforeach
    </ol>
</nav>