/* Hessam Modern Breadcrumbs - Custom Style v1.1 */

/* متغیرهای رنگی برای مدیریت راحت‌تر */
:root {
    --hmb-bg-color: #ffffff;
    --hmb-text-color: #4b5563; /* gray-600 */
    --hmb-text-current-color: #1f2937; /* gray-800 */
    --hmb-link-color: #2563eb; /* blue-600 */
    --hmb-link-hover-color: #1d4ed8; /* blue-800 */
    --hmb-separator-color: #9ca3af; /* gray-400 */
    --hmb-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.hmb-container {
    direction: rtl; /* اطمینان از راست‌چین بودن */
    font-family: 'Vazirmatn', Tahoma, Arial, sans-serif; /* استفاده از فونت شما */
    background-color: var(--hmb-bg-color);
    border-radius: 0.5rem; /* 8px */
    box-shadow: var(--hmb-shadow);
    padding: 0.75rem; /* 12px */
    margin-bottom: 1rem; /* 16px */
    box-sizing: border-box;
}

.hmb-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 0.875rem; /* 14px */
    color: var(--hmb-text-color);
    list-style: none;
    padding: 0;
    margin: 0;
}

.hmb-item, .hmb-item-current {
    display: flex;
    align-items: center;
}

.hmb-item a {
    color: var(--hmb-link-color);
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}

.hmb-item a:hover {
    color: var(--hmb-link-hover-color);
}

.hmb-item-current {
    color: var(--hmb-text-current-color);
    font-weight: 500; /* معادل font-medium */
}

.hmb-separator {
    height: 1rem; /* 16px */
    width: 1rem; /* 16px */
    margin: 0 0.5rem; /* 8px */
    color: var(--hmb-separator-color);
    /* SVG شما نیاز به چرخش ندارد چون من path آن را اصلاح کردم */
}

/* برای اطمینان از اینکه همه چیز درست کار می‌کند */
.hmb-container *, .hmb-container *::before, .hmb-container *::after {
    box-sizing: border-box;
}