/*
 * Breadcrumb block.
 *
 * Manually-defined trail rendered as <nav><ol>. The last item is the
 * current page and never linked. Color, size and alignment come from
 * Tailwind utility classes added by the template, so this file only
 * declares layout (flex row, gap) and the link/separator visual style.
 */

.breadcrumb-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.breadcrumb-item {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}

.breadcrumb-link {
    color: inherit;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.breadcrumb-link:hover,
.breadcrumb-link:focus-visible {
    opacity: 0.7;
    /* text-decoration: underline; */
}

.breadcrumb-current {
    color: var(--color-blue-80);
    font-weight: 400;
    opacity: 1;
}

.breadcrumb-separator {
    opacity: 0.5;
    user-select: none;
}