/* Breadcrumbs — keep the trail on one line on small screens */

@media (max-width: 767.98px) {
    nav:has(> .breadcrumb-trail) {
        display: block !important;
        max-width: 100%;
    }

    .breadcrumb-trail {
        flex-wrap: nowrap !important;
        font-size: 14px;
        line-height: 1.4;
        white-space: nowrap;
    }

    .breadcrumb-trail > li {
        flex-shrink: 0;
        align-items: center;
    }

    .breadcrumb-trail > li.active {
        flex-shrink: 1;
        min-width: 0;
    }

    .breadcrumb-trail__current {
        display: block;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}