/* PassOpus breadcrumb */

nav[aria-label="breadcrumb"] {
    width: 100%;
    margin: 0 0 1.25rem 0;
    padding: 0.6rem 0 0.25rem 0;
}

nav[aria-label="breadcrumb"] ol.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    background: transparent;
    font-size: 0.9rem;
    line-height: 1.3;
}

nav[aria-label="breadcrumb"] ol.breadcrumb > li {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
    color: rgba(7, 20, 74, 0.78);
}

/* Hide empty breadcrumb items if Concrete outputs any */
nav[aria-label="breadcrumb"] ol.breadcrumb > li:empty {
    display: none;
}

/* Separator */
nav[aria-label="breadcrumb"] ol.breadcrumb > li + li::before {
    content: "\203A";
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    padding: 0 0.5rem;
    color: rgba(7, 20, 74, 0.45);
    font-weight: 400;
}

/* Links */
nav[aria-label="breadcrumb"] ol.breadcrumb a {
    color: rgba(7, 20, 74, 0.82);
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

nav[aria-label="breadcrumb"] ol.breadcrumb a:hover {
    color: #0a4f8f;
    border-bottom-color: rgba(10, 79, 143, 0.45);
}

/* Last visible crumb */
nav[aria-label="breadcrumb"] ol.breadcrumb > li:last-child,
nav[aria-label="breadcrumb"] ol.breadcrumb > li:last-child a {
    color: #07144a;
    font-weight: 700;
}