.breadcrumbs {
    /* background-color: white; */

    background: white;
    padding: var(--spacing-sm);
    border-radius: var(--border-radius-sm);
    box-shadow: var(--shadow-sm);
    margin: var(--spacing-sm) 0;

}

.breadcrumbs a {
    text-decoration: none;
    /* text-decoration: underline; */

    color: var(--primary);
    transition: color var(--transition-fast);
}

.breadcrumbs a:hover {
    color: var(--primary-dark);
    text-decoration: underline;
}



.breadcrumbs ul {
    display: flex;
    flex-direction: row;
    list-style: none;

    align-items: center;
    gap: var(--spacing-xs);

    /* gap: 12px; */
}

.breadcrumbs ul li.breadcrumb-item {
    padding: 0 4px;
}
.breadcrumbs ul li.breadcrumb-separator {
    padding: 0 6px;
}

.breadcrumbs ul li.breadcrumb-item:hover {
    color:rgb(118, 118, 247);
    text-decoration: underline;
    cursor: pointer;
}

/* .breadcrumbs ul li::before { */
    /* content: ' > '; */
/* } */

/* .breadcrumbs ul li:first-of-type::before { */
    /* content: ':: '; */
/* } */