/**
 * Kalkulio — visible breadcrumbs on single posts (MU, theme-safe).
 */

.kalkulio-breadcrumbs {
	--kalkulio-ink: #1c1917;
	--kalkulio-muted: #78716c;
	--kalkulio-accent: #f07316;
	--kalkulio-accent-deep: #d45a05;

	margin: 0 0 1rem;
	padding: 0;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	overflow-x: clip;
	box-sizing: border-box;
	font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
}

.kalkulio-breadcrumbs *,
.kalkulio-breadcrumbs *::before,
.kalkulio-breadcrumbs *::after {
	box-sizing: border-box;
}

.kalkulio-breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.15rem 0;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	font-size: 0.82rem;
	font-weight: 600;
	line-height: 1.45;
	color: var(--kalkulio-muted);
}

.kalkulio-breadcrumbs__item {
	display: inline-flex;
	align-items: center;
	margin: 0 !important;
	padding: 0 !important;
	max-width: 100%;
	min-width: 0;
}

.kalkulio-breadcrumbs__item::marker {
	content: "";
}

.kalkulio-breadcrumbs__link {
	color: #57534e;
	text-decoration: none;
	border-bottom: 1px solid #e7e5e4;
	overflow-wrap: anywhere;
}

.kalkulio-breadcrumbs__link:hover,
.kalkulio-breadcrumbs__link:focus-visible {
	color: var(--kalkulio-accent-deep);
	border-bottom-color: var(--kalkulio-accent);
	outline: none;
}

.kalkulio-breadcrumbs__sep {
	margin: 0 0.4rem;
	color: #a8a29e;
	font-weight: 700;
	line-height: 1;
	user-select: none;
}

.kalkulio-breadcrumbs__current {
	color: var(--kalkulio-ink);
	font-weight: 700;
	overflow-wrap: anywhere;
}

@media (max-width: 640px) {
	.kalkulio-breadcrumbs {
		margin-bottom: 0.85rem;
	}

	.kalkulio-breadcrumbs__list {
		font-size: 0.78rem;
	}

	.kalkulio-breadcrumbs__sep {
		margin: 0 0.3rem;
	}
}