/**
 * Bam Pro Breadcrumbs — frontend styles
 * Kept intentionally small: no framework dependency, no layout assumptions,
 * so it drops cleanly into Bam Pro Theme or any other theme.
 */

.bam-bc {
	--bam-bc-text: #6b7280;
	--bam-bc-link: #2563eb;
	--bam-bc-current: #111827;
	--bam-bc-sep: #b3b7bf;

	width: 100%;
	font-size: 0.875rem;
	line-height: 1.4;
	margin: 0 0 1rem;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.bam-bc__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.bam-bc__item {
	display: flex;
	align-items: center;
	white-space: nowrap;
	color: var(--bam-bc-text);
}

.bam-bc__sep {
	display: inline-block;
	margin: 0 0.5em;
	color: var(--bam-bc-sep);
	user-select: none;
}

.bam-bc__link {
	color: var(--bam-bc-link);
	text-decoration: none;
}

.bam-bc__link:hover,
.bam-bc__link:focus {
	text-decoration: underline;
}

.bam-bc__link:focus-visible {
	outline: 2px solid var(--bam-bc-link);
	outline-offset: 2px;
	border-radius: 2px;
}

.bam-bc__current {
	color: var(--bam-bc-current);
	font-weight: 500;
}

/* Keep long trails usable on small screens */
@media (max-width: 480px) {
	.bam-bc {
		font-size: 0.8125rem;
	}
	.bam-bc__list {
		flex-wrap: nowrap;
	}
}