.taklar-breadcrumb {
    --tb-gap: 8px;
    --tb-color: #344054;
    --tb-link-color: #667085;
    --tb-link-hover-color: #101828;
    --tb-separator-color: #98a2b3;
    --tb-font-size: 14px;
    --tb-font-weight: 500;
    --tb-line-height: 1.7;

    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--tb-gap);
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--tb-color);
    font-size: var(--tb-font-size);
    font-weight: var(--tb-font-weight);
    line-height: var(--tb-line-height);
}

.taklar-breadcrumb__item {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.taklar-breadcrumb__link {
    color: var(--tb-link-color);
    text-decoration: none;
    transition: color 0.2s ease;
}

.taklar-breadcrumb__link:hover,
.taklar-breadcrumb__link:focus {
    color: var(--tb-link-hover-color);
    text-decoration: none;
}

.taklar-breadcrumb__current {
    color: var(--tb-color);
}

.taklar-breadcrumb__separator {
    color: var(--tb-separator-color);
    user-select: none;
}

.taklar-breadcrumb[data-direction="rtl"] {
    direction: rtl;
}

.taklar-breadcrumb[data-direction="ltr"] {
    direction: ltr;
}