/**
 * Global brödsmulor — tunn rad under header, i innehållskanalen.
 * Version: 1.2.1
 */

.aka-global-breadcrumbs-row {
	display: none;
	box-sizing: border-box;
}

@media (min-width: 1181px) {
	.aka-global-breadcrumbs-row.desktop-only {
		display: flex;
		align-items: center;
		position: fixed;
		top: var(--aka-header-upper-height, 56px);
		left: 0;
		right: 0;
		height: 28px;
		max-height: 28px;
		overflow: hidden;
		z-index: 10000275;
		margin: 0;
		padding: 0;
		background: var(--crumb-bg, #e0f2f1);
		border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	}

	body.aka-context-nav-enabled .aka-global-breadcrumbs-row {
		left: var(--aka-ctx-rail-w, 104px);
		width: calc(100% - var(--aka-ctx-rail-w, 104px));
		right: auto;
	}

	/* Yttre: samma sid-padding som #main-content / .aka-fluid-container */
	.aka-global-breadcrumbs__inner {
		width: 100%;
		box-sizing: border-box;
		min-height: 0;
		overflow: hidden;
		padding-left: var(--aka-breadcrumb-pad-x, var(--aka-ctx-article-gutter, clamp(24px, 3vw, 40px)));
		padding-right: var(--aka-breadcrumb-pad-x, var(--aka-ctx-article-gutter, clamp(24px, 3vw, 40px)));
	}

	/* Inre: samma maxbredd som sidans content-block (t.ex. .aka-hub-page 1000px) */
	nav.aka-global-breadcrumbs {
		display: block;
		width: 100%;
		max-width: var(--aka-breadcrumb-content-max, none);
		margin: 0 auto;
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		line-height: 1.35;
		letter-spacing: 0.01em;
		color: #666;
		padding: 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	nav.aka-global-breadcrumbs a {
		color: #1abc9c;
		text-decoration: none;
		font-weight: 700;
	}

	nav.aka-global-breadcrumbs a:hover {
		color: #16a085;
		text-decoration: underline;
	}

	nav.aka-global-breadcrumbs .aka-breadcrumb-sep {
		margin: 0 6px;
		color: #bbb;
		font-weight: 400;
	}

	nav.aka-global-breadcrumbs .aka-breadcrumb-current {
		color: #555;
		font-weight: 600;
	}
}