/* Start:/local/templates/enger/components/bitrix/breadcrumb/hero_page/style.css?17754434111936*/
/* ========================================
   ENGER BREADCRUMBS STYLES
   ======================================== */
.enger-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--enger-spacing-sm); /* 8px */
    font-family: var(--enger-font-primary);
    padding: var(--enger-spacing) 0; /* 16px 0 */
    font-size: var(--enger-font-size-sm); /* 14px */
    color: rgba(255, 255, 255, 0.6); /* Полупрозрачный белый для неактивных */
    line-height: 1.5;
}

/* Стили для элемента-обертки одной крошки */
.bx-breadcrumb-item {
    white-space: nowrap;
    display: flex;
    align-items: center;
}

/* Стили для стрелки-разделителя */
.bx-breadcrumb-item-angle {
    color: rgba(255, 255, 255, 0.4); /* Приглушенный белый для стрелок */
    font-size: var(--enger-font-size-xs); /* 12px */
    line-height: 1;
    flex-shrink: 0;
}

/* Стили для ссылок в хлебных крошках */
.bx-breadcrumb-item-link {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.7); /* Светлее неактивных */
    transition: var(--enger-transition); /* 0.2s ease */
    display: flex;
    align-items: center;
    height: 100%;
}

.bx-breadcrumb-item-link:hover {
    color: var(--enger-white); /* Чистый белый при наведении */
}

/* Стили для текста внутри крошки */
.bx-breadcrumb-item-text {
    font-size: var(--enger-font-size-sm); /* 14px */
    line-height: inherit;
}

/* Стили для последнего элемента (текущей страницы) */
.bx-breadcrumb-item:last-child .bx-breadcrumb-item-text {
    color: var(--enger-white); /* Чистый белый для текущей страницы */
    font-weight: 600;
    pointer-events: none;
    cursor: default;
}
/* End */
/* /local/templates/enger/components/bitrix/breadcrumb/hero_page/style.css?17754434111936 */