/* ============================================================ Breadcrumb ============================================================ */

.breadcrumb-wrapper .breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--sp-8);
    font-size: 14px;
    margin-bottom: var(--sp-24);
    margin-top: var(--sp-24);
}

.breadcrumb-wrapper .breadcrumb__item {
    color: var(--link);
}

    .breadcrumb-wrapper .breadcrumb__item:hover {
        text-decoration: underline;
    }

    .breadcrumb-wrapper .breadcrumb__item[aria-current="page"] {
        color: var(--text-default);
        pointer-events: none;
    }

.breadcrumb-wrapper .breadcrumb__sep {
    color: var(--icon-subtlest);
    display: inline-flex;
}

/* Хлібні крихти з мікророзміткою (partial Seo/_Breadcrumbs): ланцюжок — <ol>/<li>,
   тож знімаємо списковий вигляд і робимо кожну ланку рядковим flex-контейнером
   (посилання + роздільник). */
.breadcrumb-wrapper ol.breadcrumb {
    list-style: none;
    padding-left: 0;
}

.breadcrumb-wrapper .breadcrumb__li {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-8);
}