/**
 * One Breadcrumb widget styles.
 *
 * Minimal inline trail: Jost, muted gray text, › separators.
 * Designed for dark editorial sections (black/obsidian backgrounds).
 */

.one-breadcrumb {
	--one-bc-gap: 10px;
	--one-bc-sep: '›';
	width: 100%;
}

/*
 * Inline flow (not flex) keeps each › attached to its crumb when the trail wraps.
 * Flex + ::after caused separators to break onto their own line on narrow screens.
 */
.elementor-widget-one-breadcrumb .one-breadcrumb__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	line-height: 1.4;
}

.elementor-widget-one-breadcrumb .one-breadcrumb__item {
	display: inline;
	margin: 0;
	padding: 0;
}

.elementor-widget-one-breadcrumb .one-breadcrumb__item:not(:last-child)::after {
	content: var(--one-bc-sep, '›');
	display: inline;
	margin: 0 var(--one-bc-gap);
	font-family: var(--one-font-body, 'Jost', 'Open Sans', sans-serif);
	font-size: inherit;
	font-weight: 400;
	line-height: inherit;
	color: var(--one-obsidian-3, #9A9AA0);
	white-space: nowrap;
	user-select: none;
}

.elementor-widget-one-breadcrumb .one-breadcrumb__link,
.elementor-widget-one-breadcrumb .one-breadcrumb__text {
	display: inline;
	font-family: var(--one-font-body, 'Jost', 'Open Sans', sans-serif);
	font-size: 14px;
	font-weight: 400;
	line-height: inherit;
	color: var(--one-obsidian-3, #9A9AA0);
	text-decoration: none;
}

.one-breadcrumb__link:hover,
.one-breadcrumb__link:focus {
	color: var(--one-white, #E8E8E8);
	text-decoration: none;
}

/* Legacy markup — hidden if present */
.one-breadcrumb__sep {
	display: none;
}

/* ==================== Mobile ==================== */

@media (max-width: 767px) {
	.one-breadcrumb {
		--one-bc-gap: 3px;
	}

	.elementor-widget-one-breadcrumb .one-breadcrumb__item:not(:last-child)::after {
		margin: 0 3px;
	}

	.elementor-widget-one-breadcrumb .one-breadcrumb__link,
	.elementor-widget-one-breadcrumb .one-breadcrumb__text,
	.elementor-widget-one-breadcrumb .one-breadcrumb__item:not(:last-child)::after {
		font-size: 12px;
	}
}