/*
 * HC Carlix - breadcrumbs.css
 * Trilha de navegação.
 */

.carlix-breadcrumbs {
	padding-block: var(--carlix-breadcrumbs-space-top) var(--carlix-breadcrumbs-space-bottom);
	background: var(--carlix-breadcrumbs-bg);
	color: var(--carlix-breadcrumbs-text);
	border-top: 1px solid color-mix(in srgb, var(--carlix-border) 70%, transparent);
}

.carlix-breadcrumbs a {
	color: var(--carlix-breadcrumbs-link);
}

.mod-breadcrumbs,
.breadcrumb {
	display: flex;
	flex-wrap: wrap;
	gap: var(--carlix-space-2) var(--carlix-space-3);
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
	color: var(--carlix-breadcrumbs-text);
	font-size: 0.9rem;
}

.hc-breadcrumbs__here,
.hc-breadcrumbs__item {
	display: inline-flex;
	align-items: center;
	min-width: 0;
}

.hc-breadcrumbs__item {
	gap: var(--carlix-space-2);
}

.hc-breadcrumbs__separator {
	color: color-mix(in srgb, var(--carlix-breadcrumbs-text) 58%, transparent);
	font-weight: 800;
	line-height: 1;
}

.hc-breadcrumbs__link {
	text-underline-offset: 0.18em;
}

.hc-breadcrumbs__item--current {
	color: var(--carlix-breadcrumbs-text);
}

@media (max-width: 1023px) {
	.carlix-breadcrumbs {
		padding-block: var(--carlix-breadcrumbs-space-top-tablet) var(--carlix-breadcrumbs-space-bottom-tablet);
	}
}

@media (max-width: 640px) {
	.carlix-breadcrumbs {
		padding-block: var(--carlix-breadcrumbs-space-top-mobile) var(--carlix-breadcrumbs-space-bottom-mobile);
	}
}