/* Okruszki nawigacyjne — jedyny element obudowy serwisu, którego Blocksy nie
   potrafi obsłużyć własnymi ustawieniami. Wbudowane okruszki motywu żyją
   wyłącznie w sekcji tytułowej, a na stronach v2 sekcja ta jest wyłączona
   (baner ma sięgać samej góry). Markup składa inc/breadcrumbs.php.

   Wygląd paska nawigacji, w tym rozwijanej listy, jest w całości ustawiony
   w Kreatorze wyglądu (Nagłówek → Menu) i nie ma go tutaj celowo.

   Arkusz ładuje się na każdej stronie — okruszki są wszędzie poza główną. */

.nj-crumbs {
    padding: 18px 0;
    background: #fff;
    font-size: 12px;
    line-height: 1.4;
    /* ten sam odcien co --nj-muted w najdul-base.css; wpisany wprost,
       bo okruszki sa takze poza stronami z kontenerem .najdul-v2 */
    color: #5a6a64;
}

/* Ta sama linia co kontener motywu, żeby ścieżka zaczynała się równo
   z logo i z treścią strony. */
.nj-crumbs .nj-wrap {
    width: var(--theme-container-width, min(100%, 1290px));
    max-width: var(--theme-normal-container-max-width, 1290px);
    margin-inline: auto;
}

.nj-crumbs a {
    color: #5a6a64;
    text-decoration: none;
    transition: color .2s ease;
}

.nj-crumbs a:hover,
.nj-crumbs a:focus-visible {
    color: var(--theme-palette-color-1, #5a8139);
}

.nj-crumbs__sep {
    margin: 0 9px;
    color: #cdd6d2;
}

.nj-crumbs .breadcrumb_last {
    font-weight: 600;
    color: var(--theme-palette-color-4, #192c27);
}

@media (max-width: 767px) {
    .nj-crumbs {
        padding: 14px 0;
        font-size: 11px;
    }

    .nj-crumbs__sep {
        margin: 0 6px;
    }
}