/* Breadcrumbs: full available width, single line, horizontal overflow (desktop + mobile). */

.breadcrumbs.clearfix {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Wrapper with optional facebook block: crumbs take full row */
.breadcrumbs .breadcrumbs-row,
.breadcrumbs.clearfix > div {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.breadcrumbs .prebread,
.prebread {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
}

.breadcrumbs .breadcrumb,
.prebread .breadcrumb,
ul.breadcrumb {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    width: max-content;
    max-width: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    float: none !important;
}

.breadcrumbs .breadcrumb > li,
.prebread .breadcrumb > li,
ul.breadcrumb > li {
    display: inline-flex !important;
    flex-shrink: 0;
    white-space: nowrap;
    float: none !important;
}

.breadcrumbs .breadcrumb > li + li:before,
ul.breadcrumb > li + li:before {
    float: none;
}

/* Facebook likebox under crumbs, not beside them */
.breadcrumbs .myfb02 {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}