/* Builder: OKRUSZKI — sam pasek breadcrumbs (Yoast). Kolory jak w page-hero. */
.crumbs{padding:16px 0}
.crumbs .breadcrumb{font-size:13px;margin:0;line-height:1.5}
.crumbs .breadcrumb a{transition:.15s}
.crumbs--border{border-bottom:1px solid var(--line)}

/* jasne tła: białe / kremowe / tint */
.crumbs--white{background:var(--bg)}
.crumbs--paper{background:var(--paper)}
.crumbs--tint{background:var(--brand-100)}
.crumbs--white .breadcrumb,.crumbs--white .breadcrumb a,
.crumbs--paper .breadcrumb,.crumbs--paper .breadcrumb a,
.crumbs--tint .breadcrumb,.crumbs--tint .breadcrumb a{color:var(--muted)}
.crumbs--white .breadcrumb a:hover,.crumbs--paper .breadcrumb a:hover,.crumbs--tint .breadcrumb a:hover{color:var(--brand)}
.crumbs--white .breadcrumb .breadcrumb_last,.crumbs--paper .breadcrumb .breadcrumb_last,.crumbs--tint .breadcrumb .breadcrumb_last{color:var(--ink-2)}

/* pomarańcz marki */
.crumbs--brand{background:var(--brand)}
.crumbs--brand.crumbs--border{border-bottom-color:var(--brand-600)}
.crumbs--brand .breadcrumb,.crumbs--brand .breadcrumb a{color:rgba(255,255,255,.78)}
.crumbs--brand .breadcrumb a:hover,.crumbs--brand .breadcrumb .breadcrumb_last{color:#fff}

/* ciemne (kolor stopki) */
.crumbs--dark{background:var(--ink)}
.crumbs--dark.crumbs--border{border-bottom-color:#2a2826}
.crumbs--dark .breadcrumb,.crumbs--dark .breadcrumb a{color:#8d8881}
.crumbs--dark .breadcrumb a:hover{color:#fff}
.crumbs--dark .breadcrumb .breadcrumb_last{color:#cfcbc6}