/* ==========================================================================
   Breadcrumbs
   ========================================================================== */

.breadcrumbs {
    background-color: #fff;
    padding: 1.25rem 4rem;
}

.breadcrumbs__inner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    max-width: 1100px;
    margin: 0 auto;
    font-size: 0.75rem;
}

.breadcrumbs__link {
    color: #4875be;
    text-decoration: none;
    font-weight: 500;
}

.breadcrumbs__link:hover {
    text-decoration: underline;
}

.breadcrumbs__separator {
    color: #999;
}

.breadcrumbs__current {
    color: #555;
    font-weight: 500;
}

/* ---------- Responsive ---------- */

@media (max-width: 768px) {
    .breadcrumbs {
        padding: 1rem 2rem;
    }
}

/* ---------- Breadcrumbs inside banner (v2) ---------- */

.breadcrumbs--banner {
    background-color: #fff;
    padding: 1.25rem 2rem;
    border-radius: 6px;
    max-width: 1100px;
    margin: 0 auto 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.footer-banner--v2 {
    background-color: #fdf6f4;
}

.footer-banner--v2 .footer-banner__bottom {
    border-radius: 12px 12px 0 0;
}