/**
 * Blueprint Breadcrumbs Styles
 */

.blueprint-breadcrumbs {
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.blueprint-breadcrumbs .breadcrumb {
    background: transparent;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.blueprint-breadcrumbs .breadcrumb-item {
    display: flex;
    align-items: center;
}

.blueprint-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
    content: none;
}

.blueprint-breadcrumbs .breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
}

.blueprint-breadcrumbs .breadcrumb-item::after {
    content: '/';
    margin-left: 0.5rem;
    color: var(--blueprint-text-muted, rgba(255, 255, 255, 0.4));
}

.blueprint-breadcrumbs .breadcrumb-item:last-child::after {
    display: none;
}

.blueprint-breadcrumbs .breadcrumb-link {
    color: var(--blueprint-text-secondary, rgba(255, 255, 255, 0.7));
    text-decoration: none;
    transition: color 0.2s ease;
}

.blueprint-breadcrumbs .breadcrumb-link:hover {
    color: var(--blueprint-primary, #e4a81d);
    text-decoration: underline;
}

.blueprint-breadcrumbs .breadcrumb-item.active span {
    color: var(--blueprint-text-muted, rgba(255, 255, 255, 0.5));
}

/* Light theme */
[data-bs-theme="light"] .blueprint-breadcrumbs .breadcrumb-item::after {
    color: rgba(0, 0, 0, 0.3);
}

[data-bs-theme="light"] .blueprint-breadcrumbs .breadcrumb-link {
    color: rgba(0, 0, 0, 0.6);
}

[data-bs-theme="light"] .blueprint-breadcrumbs .breadcrumb-item.active span {
    color: rgba(0, 0, 0, 0.4);
}

/* Icon separator variant */
.blueprint-breadcrumbs.icon-separator .breadcrumb-item::after {
    content: none;
}

.blueprint-breadcrumbs.icon-separator .breadcrumb-item i.bi {
    margin: 0 0.35rem;
    font-size: 0.7em;
    opacity: 0.5;
}