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

/* v1.5.3: sfondo e bordo erano #f8f7f5 / #eee fissi — in modalita' Scuro
   la barra restava chiara col testo chiaro sopra, quindi illeggibile.
   Ora derivano dalla superficie della modalita' attiva: un velo appena
   staccato dallo sfondo pagina, in entrambe le modalita'. */
.sunya-breadcrumb-wrap {
    background: color-mix(in oklab, var(--sunya-color-bg, #ffffff) 94%, var(--sunya-color-text, #1a1a2e));
    border-bottom: 1px solid color-mix(in oklab, var(--sunya-color-bg, #ffffff) 88%, var(--sunya-color-text, #1a1a2e));

    /* v1.10.3 — Stacco fra la barra e il contenuto che la segue.
       La barra ha margini e padding propri a zero: senza questa riga il
       primo blocco parte incollato, sia quando la barra sta sopra il
       contenuto (pagine senza hero) sia quando WP la inserisce dentro il
       contenuto subito dopo un Cover (misurato su kinesis il 27/08:
       Cover 462 -> barra 462 -> paragrafo 517, tutto a zero).
       E' l'unica aria di testa del tema: sopra la barra non si tocca
       nulla, cosi' un Cover in apertura resta a filo per costruzione. */
    margin-bottom: var(--sunya-spacing-lg);
}

/* v1.10.8 — ...tranne quando il blocco che segue porta il proprio fondo.
   Li' lo stacco sarebbe una fascia di sfondo pagina infilata fra due fasce
   colorate: e' lo stesso principio dell'aria di coda, sul lato opposto.
   Misurato su dadesign /chi-sono/: barra grigia, poi 24px di bianco, poi la
   sezione #0d1117.

   Il test e' `.has-background`, la classe che WP mette sui blocchi con un
   colore di fondo dichiarato — non `.alignfull`, che dice solo "a tutta
   larghezza": su /cookie-policy/ il primo blocco e' alignfull ma trasparente
   e lo stacco li' serve.

   Due rami perche' la barra ha due posizioni: sopra il contenuto (fratello
   di .sunya-main) oppure dentro, quando WP la inserisce dopo un Cover. */
.sunya-breadcrumb-wrap:has(+ .sunya-main .sunya-page__content > :first-child.has-background),
.sunya-breadcrumb-wrap:has(+ .has-background) {
    margin-bottom: 0;
}

/* 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"] {
    /* v1.5.4: era --sunya-color-primary (legacy, sempre scuro): la voce
       corrente restava scura su barra scura in modalita' Scuro. */
    color: var(--sunya-color-heading, var(--sunya-color-primary));
    font-weight: 600;
}

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