/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

#breadcrumbs {
    & {
        padding-top: clamp(1px, calc(14 / 1920 * 100vw), 14px);
        padding-bottom: clamp(1px, calc(18 / 1920 * 100vw), 18px);
    }

    @media (max-width: 991px) {
        & {
            position: relative !important;
            top: 0 !important;
        }
    }

    @media (min-width: 992px) {
        .mw-1650 {
            max-width: unset !important;
        }
    }
    @media (min-width: 1300px) {
        .mw-1650 {
            max-width: clamp(1px, calc(1680 / 1920 * 100vw), 1680px) !important
        }
    }

    .navigace-inner-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: var(--breadcrumbs-items-gap);
    }

    @media (max-width: 992px) {
        .navigace-wrapper {
            overflow-x: auto;
            overflow-y: hidden;
            white-space: nowrap;
            min-width: 100%;
        }
    }

    .navigace {
        padding: 0;
        color: #7b7b7b;
        /*line-height: 3em;*/
        text-align: left;
        font-size: 13px;
    }

    .navigace-item a,
    .navigace-item span {
        color: var(--breadcrumbs-color);
        font-weight: var(--breadcrumbs-weight);
        font-size: clamp(12px, calc(19 / 1920 * 100vw), 19px);
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin-top: 4px;
    }

    .navigace-item {
        pointer-events: all;
    }


    .navigace-item a {
        -webkit-text-decoration: var(--breadcrumbs-decoration);
        text-decoration: var(--breadcrumbs-decoration);
        -webkit-text-decoration-color: var(--breadcrumbs-decoration-color);
        text-decoration-color: var(--breadcrumbs-decoration-color);
    }

    .navigace-item a:hover {
        color: var(--breadcrumbs-color-hover);
        -webkit-text-decoration-color: var(--breadcrumbs-color-hover);
        text-decoration-color: var(--breadcrumbs-color-hover);
    }

    .navigace-item span {
        pointer-events: none;
        cursor: default;
    }

    @media (min-width: 992px) {
        .navigace-effect-caliper:before {
            content: "";
            width: 100vw;
            position: absolute;
            right: 0;
            height: 100%;
            z-index: 9;
            opacity: 1;
            top: 100%;
            -webkit-transform: scaleX(-1);
            -ms-transform: scaleX(-1);
            transform: scaleX(-1);
            pointer-events: none;
        }
    }


    .separator {
        position: relative;
        margin-top: 6px;
    }

    .separator .svg-chevron-right {
        fill: var(--breadcrumbs-separator-color);
        width: var(--breadcrumbs-separator-size);
        transform: scale(1);
    }
}