/*
 * Murupolku (peh-breadcrumbs). Säännöt vastaavat BricksExtras 1.7.6:n breadcrumbs.css:n
 * extras-lähteen perustyylejä (G9, kohta 3.6). Juuressa on myös vanha luokka brxe-xbreadcrumbs.
 * Tyhjä ::after jokaisen paitsi viimeisen kohdan perässä on mukana tarkoituksella: se on
 * joustolaatikon lapsi ja tuottaa saman column-gap-välin kuin ennen.
 */
:root {
    --x-breadcrumb-separator: '';
    --x-breadcrumbs-gap: 5px;
}

.brxe-xbreadcrumbs {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.x-breadcrumbs_list {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.brxe-xbreadcrumbs li {
    align-items: center;
    display: flex;
    flex-direction: row;
}

.x-breadcrumbs_list-item {
    align-items: center;
    column-gap: var(--x-breadcrumbs-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
}

.brxe-xbreadcrumbs[data-source=extras][data-separator-type=text] li:not(:first-child):before {
    color: inherit;
    content: ' ' var(--x-breadcrumb-separator) ' ';
}

.brxe-xbreadcrumbs[data-source=extras] li:not(:last-child):after {
    content: '';
}