/**
 * UX Add-ons — Breadcrumbs
 * Path: modules/breadcrumbs/css/breadcrumbs.css
 */
.uxmaxi-breadcrumbs { width: 100%; overflow: hidden; }

.uxmaxi-bc__list {
    display: flex; align-items: center; flex-wrap: wrap; list-style: none;
    margin: 0; padding: 0; gap: 2px 0; line-height: 1.4; color: #888;
}
.uxmaxi-bc__item { display: flex; align-items: center; white-space: nowrap; margin: 0 !important; font-size: 13px; }
.uxmaxi-bc__link { color: #888; text-decoration: none; transition: color 0.2s ease; }
.uxmaxi-bc__link:hover { color: #222; text-decoration: underline; }
.uxmaxi-bc__sep { display: flex; align-items: center; margin: 0 10px; color: #bbb; flex-shrink: 0; }
.uxmaxi-bc__sep-icon { width: 8px; height: 8px; display: block; }
.uxmaxi-bc__home-icon { display: flex; align-items: center; }
.uxmaxi-bc__home-icon svg { width: 13px; height: 13px; display: block; fill: currentColor; }
.uxmaxi-bc__item--current .uxmaxi-bc__label { color: #333; font-weight: 500; }

@media (max-width: 849px) {
    .uxmaxi-bc__list {
        flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch;
        scrollbar-width: none; -ms-overflow-style: none;
        scroll-behavior: auto; display: flex; justify-content: center;
    }
    .uxmaxi-bc__list::-webkit-scrollbar { display: none; }
}

.uxmaxi-bc-wrapper { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; }
.uxmaxi-bc-wrapper .uxmaxi-breadcrumbs { flex: 1; min-width: 0; }