/* Basic styling for breadcrumb-ele widget */

.breadcrumb-ele {
    /* فونت و رنگ رو از قالب می‌گیرد */
}

.breadcrumb-ele__list {
    list-style: none;      /* حذف شماره‌ها / بولت‌ها */
    margin: 0;
    padding: 0;
    display: flex;         /* کنار هم */
    flex-wrap: wrap;       /* اگر جا کم بود، بره خط بعد */
}

.breadcrumb-ele__item,
.breadcrumb-ele__separator-item {
    display: inline-flex;
    align-items: center;
    margin: 0;             /* جلوگیری از فاصله‌های عمودی قالب */
}

.breadcrumb-ele__link {
    text-decoration: none; /* خط زیر لینک رو بعداً اگر خواستی با استایل عوض می‌کنیم */
}

.breadcrumb-ele__current {
    font-weight: 600;      /* آیتم آخر یه کم بولدتر */
}

.breadcrumb-ele__separator {
    margin: 0 0.35em;      /* فاصله‌ی دو طرف /  */
}