{{-- Видимые хлебные крошки. Тот же список, что уходит в BreadcrumbList JSON-LD
     на каждой странице раздела — расхождение между ними Google считает ошибкой. --}}
<nav class="flex flex-wrap items-center gap-1.5 text-sm text-[var(--color-muted)]">
    <a href="{{ route('home') }}" class="transition hover:text-[var(--color-primary)]">Главная</a>
    <span>/</span>
    @if (empty($trail))
        <span class="text-[var(--color-ink)]">Блог</span>
    @else
        <a href="{{ route('blog.index') }}" class="transition hover:text-[var(--color-primary)]">Блог</a>
        @foreach ($trail as $crumb)
            <span>/</span>
            @if ($loop->last)
                <span class="text-[var(--color-ink)]">{{ $crumb['name'] }}</span>
            @else
                <a href="{{ $crumb['url'] }}" class="transition hover:text-[var(--color-primary)]">{{ $crumb['name'] }}</a>
            @endif
        @endforeach
    @endif
</nav>