/* Mirror Avada's installed #main > .fusion-row > .container constraints.
 * 30px is Avada dynamic/layout.css's standard #main side padding, not a new
 * content width. The inner .container uses the same existing responsive rules
 * as the inventory template; --site_width remains the theme's outer limit.
 */
.fusion-tb-page-title-bar .tacrm-page-navigation-shell {
    padding: 12px 30px;
}
.fusion-tb-page-title-bar .tacrm-page-navigation-shell > .fusion-row {
    max-width: var(--site_width);
    margin-inline: auto;
}
.fusion-tb-page-title-bar .tacrm-page-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px 24px;
    min-width: 0;
}
/* Legacy Bootstrap clearfix pseudo-elements must not become flex items and
 * consume the row's gap at both edges (title and breadcrumb misalignment).
 */
.fusion-tb-page-title-bar .tacrm-page-navigation::before,
.fusion-tb-page-title-bar .tacrm-page-navigation::after {
    content: none;
    display: none;
}
.fusion-tb-page-title-bar .tacrm-page-navigation-title {
    flex: 1 1 0;
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}
.fusion-tb-page-title-bar .tacrm-page-navigation-breadcrumbs {
    flex: 0 1 55%;
    min-width: 0;
    overflow-wrap: anywhere;
}
.tacrm-page-navigation-breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    list-style: none;
    margin: 0;
    padding: 0;
}
.tacrm-page-navigation-breadcrumbs li {
    min-width: 0;
}
.tacrm-page-navigation-breadcrumbs li + li::before {
    content: "/";
    padding-inline: 0.5em;
}
@media (max-width: 800px) {
    /* Avada makes #main > .fusion-row flex here. This also shrinks the
     * legacy Bootstrap .container width (750px even on small screens).
     */
    .fusion-tb-page-title-bar .tacrm-page-navigation-shell > .fusion-row {
        display: flex;
    }
    .fusion-tb-page-title-bar .tacrm-page-navigation {
        flex-direction: column;
        align-items: stretch;
    }
    .tacrm-page-navigation-breadcrumbs ol {
        justify-content: flex-start;
    }
}