/* ==========================================================================
   Central News — Breadcrumbs
   Usado em notícia, editoria, busca, autor e páginas institucionais (não na
   Home). Quando o Rank Math está ativo, o markup interno é dele — este CSS
   estiliza .cn-breadcrumbs (wrapper) independente da origem do conteúdo.
   ========================================================================== */

.cn-breadcrumbs { margin: 0 0 16px; font-size: .78rem; }

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

.cn-breadcrumbs__item { display: flex; align-items: center; gap: 6px; color: var(--ink-faint); }

.cn-breadcrumbs__item:not(:first-child)::before {
	content: "/";
	color: var(--ink-faint);
	opacity: .6;
}

.cn-breadcrumbs__item a { color: var(--ink-soft); font-weight: 600; transition: color .15s ease; }
.cn-breadcrumbs__item a:hover { color: var(--green-700); }

.cn-breadcrumbs__item span[aria-current] { color: var(--ink-faint); font-weight: 600; }

/* Rank Math imprime seu próprio HTML (não usa as classes acima) — regras
   genéricas o bastante pra herdar o mesmo tom visual sem depender da
   estrutura interna do plugin. */
.cn-breadcrumbs a { color: var(--ink-soft); }
.cn-breadcrumbs a:hover { color: var(--green-700); }