/* Fil d'Ariane. */

.breadcrumb {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 0.82rem;
    color: var(--text-soft);
    margin-bottom: var(--sp-6);
}

.breadcrumb li:not(:last-child)::after {
    content: "/";
    margin-left: 6px;
    color: var(--line);
}

.breadcrumb a {
    color: var(--text-soft);
    text-decoration: none;
}

.breadcrumb a:hover {
    color: var(--c-green-deep);
    text-decoration: underline;
}

.breadcrumb li[aria-current="page"] {
    color: var(--text);
    font-weight: 600;
}