/* ============================================================
   Single Project – Breadcrumbs row
   Figma: DI5V1xJQF5lLhhkNHfUuSa / node 6736:308 (1920x70)
   Scoped under .single-project-section-2.project-breadcrumbs
   ============================================================ */

/* Container 6736:308 – 1920x70, px 245 / py 25.
   The 245px side padding is the .container-new column (1920 - 245*2 = 1430).
   The row carries no padding of its own: the space around it is set by the
   article rhythm in 00-base.css, so it is kept in one place rather than split
   between the two files and re-tuned per breakpoint. */
.single-project-section-2.project-breadcrumbs {
    padding: 0;
}

/* Nav - Breadcrumb 6736:310 – row, gap 10, align center */
.project-breadcrumbs .single-project-section-2-wrap-items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    word-break: break-word;
}

/* Every crumb node in 6736:310 is 20px tall at y=0, so the line box is 20px.
   letter-spacing/text-transform are pinned to the Figma values so the theme's
   legacy heading and nav tracking cannot reach this row. */
.project-breadcrumbs .single-project-section-2-wrap-item-link,
.project-breadcrumbs .single-project-section-2-wrap-item-separate,
.project-breadcrumbs .single-project-section-2-wrap-item-last {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
}

/* 6736:312 / 6736:316 – link levels */
.project-breadcrumbs a.single-project-section-2-wrap-item-link {
    color: #7F7F7F;
    text-decoration: none;
    transition: color 0.2s ease;
}

.project-breadcrumbs a.single-project-section-2-wrap-item-link:hover,
.project-breadcrumbs a.single-project-section-2-wrap-item-link:focus-visible {
    color: #171B1C;
    text-decoration: none;
}

/* 6736:314 / 6736:318 – "/" separators */
.project-breadcrumbs .single-project-section-2-wrap-item-separate {
    color: #D0D0D0;
}

/* 6736:324 – current page */
.project-breadcrumbs .single-project-section-2-wrap-item-last {
    color: #171B1C;
}

@media screen and (max-width: 1435px) {
    .project-breadcrumbs .single-project-section-2-wrap-item-link,
    .project-breadcrumbs .single-project-section-2-wrap-item-separate,
    .project-breadcrumbs .single-project-section-2-wrap-item-last {
        font-size: 14px;
    }
}