.breadcrumbs {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: 1rem;
}

.breadcrumbs a {
    color: var(--dark);
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumbs a:hover {
    color: var(--soft-orange);
}

.breadcrumbs-separator {
    color: var(--dark);
}

.breadcrumbs-current {
    color: var(--dark);
}