/* ==========================================================================
   Stenos Breadcrumbs — układ bazowy.
   Kolory, krój i wielkość fontu (osobno: komputer / tablet / telefon oraz
   stany odwiedzony / nieodwiedzony) generowane są dynamicznie z ustawień
   wtyczki i dołączane jako style inline.
   ========================================================================== */

.stenos-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4em;
	line-height: 1.6;
	margin: 0 0 1rem;
}

.stenos-breadcrumb a,
.stenos-breadcrumb a:link,
.stenos-breadcrumb a:visited,
.stenos-breadcrumb a:active,
.stenos-breadcrumb a mark,
.stenos-breadcrumb mark {
	text-decoration: none;
	transition: color 0.15s ease, background-color 0.15s ease;
}

.stenos-breadcrumb a:hover,
.stenos-breadcrumb a:focus {
	text-decoration: underline;
}

/* Neutralizuje znacznik <mark> z motywu, by nie nadpisywał stylów ścieżki. */
.stenos-breadcrumb mark {
	background: transparent;
}

.stenos-breadcrumb__sep {
	user-select: none;
}