/*
* Shared breadcrumb style (admin + frontend)
* Imported by styles.css; pages that don't load styles.css link this file directly.
* Don't add per-page breadcrumb colors — change this file instead.
*/
.breadcrumb {
    background: transparent;
    padding: 0;
    font-size: 0.9375rem;
    align-items: center;
}

.breadcrumb .breadcrumb-item {
    color: #6c757d;
    display: flex;
    align-items: center;
}

.breadcrumb .breadcrumb-item a {
    color: #0d6efd;
    text-decoration: none;
    text-underline-offset: 2px;
}

.breadcrumb .breadcrumb-item a:hover,
.breadcrumb .breadcrumb-item a:focus {
    color: #0a58ca;
    text-decoration: underline;
}

.breadcrumb .breadcrumb-item.active {
    color: #6c757d;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}

/* Chevron separator */
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    float: none;
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E");
    line-height: 1;
}