/**
 * CP — Breadcrumb
 * Cores vêm dos tokens do 00-core; nenhuma nasce aqui.
 */

.rkscp-breadcrumb {
	--rkscp-bc-gap: 8px;

	font-size: 13px;
	line-height: 1.4;
}

.rkscp-breadcrumb__lista {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 var(--rkscp-bc-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

.rkscp-breadcrumb__item {
	display: inline-flex;
	align-items: center;
	gap: var(--rkscp-bc-gap);
	min-width: 0;
}

.rkscp-breadcrumb__link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--rkscp-ink-500, #6b6b6b);
	text-decoration: none;
	transition: color .15s var(--rkscp-ease, ease);
}

.rkscp-breadcrumb__link:hover,
.rkscp-breadcrumb__link:focus-visible {
	color: var(--rkscp-ink-900, #141414);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.rkscp-breadcrumb__atual {
	color: var(--rkscp-ink-900, #141414);
	font-weight: 500;
}

/* Nomes de produto são longos: o degrau atual encolhe antes de estourar a linha. */
.rkscp-breadcrumb__atual,
.rkscp-breadcrumb__texto {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}

.rkscp-breadcrumb__sep {
	display: inline-flex;
	align-items: center;
	color: var(--rkscp-line, #d9d9d9);
	font-size: 11px;
	user-select: none;
}

.rkscp-breadcrumb__sep svg {
	width: 11px;
	height: 11px;
	fill: currentColor;
}

.rkscp-breadcrumb__icone {
	display: inline-flex;
	align-items: center;
}

.rkscp-breadcrumb__icone svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.rkscp-breadcrumb__reticencias {
	display: none;
	align-items: center;
	color: var(--rkscp-ink-500, #6b6b6b);
}

/* ── Celular ────────────────────────────────────────────────
   Trilha longa em tela estreita vira três linhas de texto cinza.
   No modo compacto sobram os dois últimos degraus, que são os
   únicos que o visitante usa para voltar. */

@media (max-width: 600px) {
	.rkscp-breadcrumb--compacto .rkscp-breadcrumb__lista {
		flex-wrap: nowrap;
	}

	.rkscp-breadcrumb--compacto .rkscp-breadcrumb__item:not(:nth-last-child(-n + 2)) {
		display: none;
	}

	.rkscp-breadcrumb--compacto .rkscp-breadcrumb__reticencias {
		display: inline-flex;
	}
}