/* Custom Breadcrumbs for Elementor — estilos base (todos sobrescrevíveis pelo widget). */

.cbe-breadcrumbs {
	--cbe-transition: 0.3s;
	--cbe-sep-offset: 0px;
	--cbe-sep-rotate: 0deg;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	column-gap: 10px;
	row-gap: 4px;
	line-height: 1.5;
}

.cbe-breadcrumbs .cbe-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: inherit;
	column-gap: 10px;
	row-gap: 4px;
	min-width: 0;
	max-width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	scrollbar-width: thin;
}

.cbe-breadcrumbs .cbe-item,
.cbe-breadcrumbs .cbe-sep {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.cbe-breadcrumbs .cbe-item::before,
.cbe-breadcrumbs .cbe-item::after,
.cbe-breadcrumbs .cbe-sep::before,
.cbe-breadcrumbs .cbe-sep::after {
	content: none;
}

/* Itens */
.cbe-breadcrumbs .cbe-el {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #777777;
	text-decoration: none;
	transition: color var(--cbe-transition), background-color var(--cbe-transition), border-color var(--cbe-transition), box-shadow var(--cbe-transition);
}

.cbe-breadcrumbs a.cbe-el:hover,
.cbe-breadcrumbs a.cbe-el:focus-visible {
	color: #333333;
}

/* Item atual */
.cbe-breadcrumbs .cbe-item--current .cbe-el {
	color: #333333;
	font-weight: 700;
}

/* Ícone da Home */
.cbe-breadcrumbs .cbe-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	transition: color var(--cbe-transition);
}

.cbe-breadcrumbs .cbe-icon svg,
.cbe-breadcrumbs .cbe-sep svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

/* Separador */
.cbe-breadcrumbs .cbe-sep {
	color: #cccccc;
	line-height: 1;
	transform: translateY(var(--cbe-sep-offset)) rotate(var(--cbe-sep-rotate));
	user-select: none;
}

.cbe-breadcrumbs .cbe-sep i {
	line-height: 1;
}

/* Prefixo */
.cbe-breadcrumbs .cbe-prefix {
	color: #333333;
}
