/* ========================================
   Breadcrumbs Navigation
   ======================================== */

.breadcrumbs {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-md) 0;
    margin-bottom: var(--space-lg);
    font-size: 0.875rem;
    flex-wrap: wrap;
}

.breadcrumb_item {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    color: var(--color-text-secondary);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.breadcrumb_item:hover {
    color: var(--color-primary);
}

.breadcrumb_item.active {
    color: var(--color-text-primary);
    font-weight: 600;
    pointer-events: none;
}

.breadcrumb_separator {
    color: var(--color-text-muted);
    font-size: 0.75rem;
    user-select: none;
}

.breadcrumb_icon {
    font-size: 1rem;
}

/* Home icon special styling */
.breadcrumb_item:first-child .breadcrumb_icon {
    color: var(--color-primary);
}

/* Responsive */
@media screen and (max-width: 700px) {
    .breadcrumbs {
        font-size: 0.8125rem;
        gap: 0.25rem;
    }

    .breadcrumb_item span {
        max-width: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}