/*
    BREADCRUMBS komponenta
*/

:root{
    --nb-breadcrumb-mt: 10px;
}

.nb-breadcrumb {
    color: var(--nb-breadcrumb-color);
    padding-left: 0;
}
.nb-breadcrumb-item {
    font-family: var(--nb-breadcrumb-font-family);
    font-size: var(--nb-breadcrumb-font-size);
    font-weight: var(--nb-breadcrumb-font-weight);
    display: inline-block;
}
.nb-breadcrumb-item + .nb-breadcrumb-item{
    margin-left: 5px;
}
.nb-breadcrumb-item a {
    color: var(--nb-breadcrumb-color);
    text-decoration: var(--nb-breadcrumb-text-decoration);
}
.nb-breadcrumb-item a:hover {
    color: var(--nb-breadcrumb-active-color);
}
.nb-breadcrumb-item:last-child,
.nb-breadcrumb-item.active {
    color: var(--nb-breadcrumb-active-color);
}
.nb-breadcrumb-item:last-child:before,
.nb-breadcrumb-item.active:before {
    color: var(--nb-breadcrumb-color);
}
.nb-breadcrumb-item:before {
    content: var(--nb-breadcrumb-divider);
    margin-right: 5px;
}
.nb-breadcrumb-item:first-child:before {
    display: none;
}

.layout.nb-margin:has(> .block .nb-breadcrumb){
    margin-top: var(--nb-breadcrumb-mt) !important;
}

@media screen and (max-width: 768px) {
    .nb-breadcrumb-wrapper{
        display: none;
    }
}