/* ========================================
   Breadcrumb
   ======================================== */

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 14px;
    color: #AAAAAA;
    gap: 16px;
}

.breadcrumb--item {
    color: #AAAAAA;
    text-decoration: none;
    font-weight: 500;
}

a.breadcrumb--item:hover {
    color: #666;
    text-decoration: none;
}

.breadcrumb--item--current {
    color: #AAAAAA;
}

.breadcrumb--separator {
    margin: 0 16px;
    color: #AAAAAA;
}

.breadcrumb--icon {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.breadcrumb--icon svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

@media (max-width: 1023px) {
    .breadcrumb {
        font-size: 10px;
        gap: 4px;
    }

    .breadcrumb--icon svg {
        width: 12px;
        height: 12px;
    }
}