/* Breadcrumb must never blow up the header layout */
.breadcrumb-bar {
    min-width: 0;
}

.breadcrumb-list {
    list-style: none;
    padding: 0;
    min-width: 0;
    flex-wrap: nowrap; /* prevents tall header due to wrapping */
    overflow: hidden; /* prevent pushing layout */
    white-space: nowrap;
}

.breadcrumb-item {
    min-width: 0;
}

.breadcrumb-link {
    min-width: 0;
}

.breadcrumb-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 260px; /* adjust if you want */
    display: inline-block;
    vertical-align: middle;
}

/* Stabilize iconify size so upgrade doesn't reflow */
.breadcrumb-ico {
    width: 18px;
    height: 18px;
    display: inline-block;
    flex: 0 0 18px;
}

.breadcrumb-sep {
    flex: 0 0 auto;
}