li.cmp-breadcrumb__item{
    display: block;
}

li.cmp-breadcrumb__item:not(:first-child):before{
    content: "/";
    padding-left:  1rem;
    padding-right:  0.5rem;
    font-weight: bold;
}
.cmp-breadcrumb .link-group div:not(:first-child):before{
    content: "/";
    padding-left:  2rem;
    padding-right: 0.75rem;
    font-weight: bold;
}


.cmp-breadcrumb .link-group{
    display: flex;
    flex-wrap : wrap;
}
.cmp-breadcrumb .link-group a{
    margin-top: 0.25rem; 
    margin-bottom: 0.25rem;
}

.cmp-breadcrumb .link-group div.breadcrumb-link-parent{
    margin-left: -1rem;
}

.cmp-breadcrumb .link-group div.breadcrumb-link-parent a.simple-link:not(:last-child){
    text-decoration: underline;
}

.cmp-breadcrumb .link-group div.breadcrumb-link-parent a.simple-link{
    margin-right: 0;
}

.cmp-breadcrumb .link-group div.breadcrumb-link-parent:not(:first-child):before{
    color: #000;
    text-decoration-line: none;
}

.cmp-breadcrumb .link-group div.breadcrumb-link-parent:last-child a.simple-link, 
.cmp-breadcrumb li.cmp-breadcrumb__item.cmp-breadcrumb__item--active span{
    text-decoration: none;
    color: #000;
}

ol.cmp-breadcrumb__list{
    display: flex;
    flex-direction: row;
    font-weight: 600;
    flex-wrap: wrap;
    margin-left: -1rem;
    padding-left: 0;
}

li.cmp-breadcrumb__item .breadcrumb a span{
    text-wrap: wrap;
}

[dir="rtl"] ol.cmp-breadcrumb__list{   
    margin-right: -1rem;
    padding-right: 0;
}
[dir="rtl"] .cmp-breadcrumb .link-group{   
    margin-right: -1rem;
    padding-right: 0;
}
[dir="rtl"] .cmp-breadcrumb .link-group div.breadcrumb-link-parent{
    margin-left: -2.5rem;
} 

[dir="rtl"] li.cmp-breadcrumb__item:not(:first-child):before{
    content: "/";
    padding-left:  0.5rem;
    padding-right:  1rem;
    font-weight: bold;
}
[dir="rtl"] .cmp-breadcrumb .link-group div:not(:first-child):before{
    content: "/";
    padding-left:  0.75rem;
    padding-right: 2rem;
    font-weight: bold;
}
.breadcrumb:has(.cmp-breadcrumb.align-center), .cmp-breadcrumb.align-center .link-group,.cmp-breadcrumb.align-center .cmp-breadcrumb__list {
    justify-content: center;
}
.breadcrumb:has(.cmp-breadcrumb.align-right), .cmp-breadcrumb.align-right .link-group,.cmp-breadcrumb.align-right .cmp-breadcrumb__list {
    justify-content: right;
}
[dir="rtl"] .breadcrumb:has(.cmp-breadcrumb.align-right), [dir="rtl"] .cmp-breadcrumb.align-right .link-group,[dir="rtl"] .cmp-breadcrumb.align-right .cmp-breadcrumb__list {
    justify-content: left;
}