/* ==========================================================================
   SUNYA - Breadcrumbs
   ========================================================================== */

.sunya-breadcrumb-wrap {
    background: #f8f7f5;
    border-bottom: 1px solid #eee;
}

/* Il container interno segue la larghezza impostata nel Customizer */
.sunya-breadcrumb-wrap > .sunya-container {
    max-width: var(--sunya-breadcrumb-width, 1400px);
}


.sunya-breadcrumb {
    padding: var(--sunya-spacing-md) 0;
    font-size: var(--sunya-font-size-sm);
}

.sunya-breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.sunya-breadcrumb__item {
    display: inline-flex;
    align-items: center;
}

.sunya-breadcrumb__sep {
    margin: 0 var(--sunya-spacing-xs);
    opacity: 0.4;
}

.sunya-breadcrumb a {
    color: var(--sunya-color-text);
    text-decoration: none;
    opacity: 0.6;
    transition: opacity var(--sunya-transition-fast),
                color var(--sunya-transition-fast);
}

.sunya-breadcrumb a:hover {
    color: var(--sunya-color-accent);
    opacity: 1;
}

.sunya-breadcrumb [aria-current="page"] {
    color: var(--sunya-color-primary);
    font-weight: 600;
}

/* Responsive */
@media screen and (max-width: 768px) {
    .sunya-breadcrumb {
        font-size: 12px;
    }
}