#breadcrumbs {
    background: #efefef;
}

@media (max-width: 992px) {
    .navigace-wrapper {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        min-width: 100%;
    }
}

.navigace-inner-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    line-height: 10px;
    padding: 6px 140px 6px 0;
}

#breadcrumbs .navigace {
    padding: 0;
    color: #7b7b7b;
    /*line-height: 3em;*/
    text-align: left;
    font-size: 13px;
}

#breadcrumbs .navigace-item a,
#breadcrumbs .navigace-item span{
    color: var(--g-color-1);
    font-weight: 500;
    font-size: 12px;
    font-family: var(--font-primary);
}

#breadcrumbs .navigace-item a {
    text-decoration: underline;
    text-decoration-color: var(--g-color-3-light);
}

#breadcrumbs .navigace-item span{
    pointer-events: none;
    cursor: default;
}



/*#breadcrumbs .navigace-effect-caliper:after {*/
/*    content: "";*/
/*    width: 100vw;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    background: url('/_data/styly/bilavcik/caliper-dir-up.png') repeat-x;*/
/*    height: 100%;*/
/*    z-index: 9;*/
/*    opacity: 0.3;*/
/*    bottom: 22px;*/
/*    transform: scaleX(-1);*/
/*    pointer-events: none;*/
/*}*/
@media (min-width: 992px) {
    #breadcrumbs .navigace-effect-caliper:before {
        content: "";
        width: 100vw;
        position: absolute;
        right: 0;
        background: url('/_data/styly/bilavcik/caliper-dir-down-grey.png') repeat-x;
        height: 100%;
        z-index: 9;
        opacity: 1;
        top: 100%;
        transform: scaleX(-1);
        pointer-events: none;
    }
}

#breadcrumbs .separator {
    width: 30px;
    height: 100%;
    padding-top: 1px;
}

#breadcrumbs .separator .svg-chevron-right {
    fill: var(--g-color-2);
    width: 16px;
    transform: scaleY(0.7);
}

#breadcrumbs .navigace-item a,
#breadcrumbs .navigace-effect-caliper {
    padding: 5px 0;
}

@media(max-width: 991px){
    #breadcrumbs {
        position: relative !important;
        top: 0 !important;
    }
}
