/* BreadCrumb */

.breadcrumb-container {
    padding: 24px 12px;
}

.breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

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

    .breadcrumb-item + .breadcrumb-item::before {
        content: '/';
        display: inline-block;
        margin: 0 10px;
        color: #9ca3af;
        font-size: 14px;
    }

    .breadcrumb-item a {
        color: #374151;
        text-decoration: none;
        transition: color 0.2s ease-in-out;
    }

        .breadcrumb-item a:hover {
            color: #1f2937;
            text-decoration: underline;
        }

    .breadcrumb-item.active {
        color: #111827;
        font-weight: 600;
        pointer-events: none;
    }