/* Breadcrumbs — Inicio > Tienda > Categoría > Producto */

.breadcrumbs {
	padding: var(--listiko-space-2) 0;
	font-size: 0.8125rem;
	color: var(--listiko-color-text-muted);
}

.breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.125rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.breadcrumbs__item,
.breadcrumbs__separator {
	display: flex;
	align-items: center;
}

.breadcrumbs__link {
	color: var(--listiko-color-text-muted);
	text-decoration: none;
	padding: 0.125rem 0.25rem;
	border-radius: var(--listiko-radius-sm);
	transition: color var(--listiko-transition-fast);
}

.breadcrumbs__link:hover,
.breadcrumbs__link:focus-visible {
	color: var(--listiko-color-accent);
	text-decoration: underline;
	outline: none;
}

.breadcrumbs__link:focus-visible {
	outline: 2px solid var(--listiko-color-accent);
	outline-offset: 1px;
}

.breadcrumbs__current {
	color: var(--listiko-color-text);
	font-weight: 500;
	padding: 0.125rem 0.25rem;
	/* Truncate very long product names on mobile */
	max-width: 18ch;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.breadcrumbs__separator {
	color: var(--listiko-color-border);
	user-select: none;
	font-size: 0.75rem;
	padding: 0 0.125rem;
}

@media (min-width: 768px) {
	.breadcrumbs__current {
		max-width: none;
		white-space: normal;
	}
}