/* ybsb-breadcrumbs.css v1.1.0
   Features: flex breadcrumb layout, responsive alignment via Elementor
   selectors, guaranteed single-line crumb text (no mid-phrase wrapping),
   current-item ellipsis truncation (--ybsb-breadcrumbs-current-max-width),
   home icon sizing, self-centering inline-SVG separator glyphs, ellipsis-
   group hidden by default and only shown inside the widget's own inline
   collapse media query, horizontal scroll mode with native scrollbar
   hidden and a JS-driven progress bar in its place. All colors/typography/
   borders/spacing/padding come from Elementor controls - nothing here is
   themed. */

.ybsb-breadcrumbs-wrapper {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.ybsb-breadcrumbs-scroll-area {
	max-width: 100%;
	scrollbar-width: none;
}

.ybsb-breadcrumbs-scroll-area::-webkit-scrollbar {
	display: none;
}

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

.ybsb-breadcrumbs-item {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	max-width: 100%;
}

.ybsb-breadcrumbs-link,
.ybsb-breadcrumbs-item .ybsb-breadcrumbs-text {
	display: inline-block;
	text-decoration: none;
	white-space: nowrap;
}

.ybsb-breadcrumbs-current .ybsb-breadcrumbs-text {
	max-width: var( --ybsb-breadcrumbs-current-max-width, none );
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: bottom;
}

.ybsb-breadcrumbs-separator {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 1em;
	line-height: 1;
	flex-shrink: 0;
	user-select: none;
}

.ybsb-breadcrumbs-separator-glyph {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
}

.ybsb-breadcrumbs-separator-glyph svg {
	display: block;
	width: 10px;
	height: 10px;
	color: inherit;
}

.ybsb-breadcrumbs-home-icon {
	display: inline-flex;
	align-items: center;
	margin-inline-end: 0.4em;
	line-height: 1;
}

.ybsb-breadcrumbs-home-icon svg,
.ybsb-breadcrumbs-home-icon i {
	width: 1em;
	height: 1em;
	font-size: 1em;
}

.ybsb-breadcrumbs-ellipsis-group {
	display: none;
}

.ybsb-breadcrumbs-progress-track {
	position: relative;
	display: none;
	width: 100%;
	overflow: hidden;
	border-radius: 999px;
}

.ybsb-breadcrumbs-progress-fill {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 0%;
	border-radius: inherit;
	transition: width 0.1s linear, margin-left 0.1s linear;
}