/* ================================================================
   TerraFloor — breadcrumbs.css
   ================================================================ */

   .breadcrumbs {
    background: var(--color-white);
    border-bottom: 1px solid #f3f3f3;
    padding: 20px var(--container-pad);
       max-width: var(--container-max);
    margin:auto
}

.breadcrumbs__list {
    display: flex;
    align-items: center;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
    
    margin-inline: auto;
}

.breadcrumbs__link {
    color: var(--color-gray);
    font-size: 18px;
    font-weight: 400;
    line-height: 17px;
    text-decoration: none;
    transition: color var(--transition);
}
.breadcrumbs__link:hover { color: var(--color-brown); }

.breadcrumbs__sep {
    color: #c7c7c7;
    font-size: 16px;
    line-height: 17px;
    user-select: none;
}

.breadcrumbs__item--current {
    color: var(--color-brown);
    font-size: 18px;
    font-weight: 400;
    line-height: 17px;
}

@media (max-width: 768px) {
    .breadcrumbs { padding: 14px var(--container-pad); }
    .breadcrumbs__link,
    .breadcrumbs__item--current { font-size: 14px; }
}