/* Bright Addons Pro: Breadcrumbs */

/* Elementor Container: fill the width the container gives widgets. */
/* Same fix Elementor uses for its own Video and Accordion widgets: without it the */
/* widget shrinks to its content in Row or centred containers and can collapse to 0px. */
.e-con > .elementor-widget-bapro-breadcrumbs,
.e-con-inner > .elementor-widget-bapro-breadcrumbs {
	width: var(--container-widget-width, 100%);
	--flex-grow: var(--container-widget-flex-grow);
}

.bapro-bc {
	--bapro-bc-gap: 10px;
	--bapro-bc-accent: #5b3df5;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 10px;
	color: #5a6070;
	font-size: 14px;
	line-height: 1.5;
}

.bapro-bc *,
.bapro-bc *::before,
.bapro-bc *::after {
	box-sizing: border-box;
}

.bapro-bc .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	white-space: nowrap;
}

.bapro-bc .bapro-bc__prefix {
	color: #6b7180;
}

.bapro-bc .bapro-bc__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 0;
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.bapro-bc .bapro-bc__item {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.bapro-bc .bapro-bc__item::before {
	content: none;
}

.bapro-bc .bapro-bc__link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #4b5160;
	text-decoration: none;
	transition: color 0.2s ease;
}

.bapro-bc .bapro-bc__link:hover,
.bapro-bc .bapro-bc__link:focus-visible {
	color: var(--bapro-bc-accent);
	text-decoration: underline;
}

.bapro-bc .bapro-bc__link:focus-visible {
	outline: 2px solid var(--bapro-bc-accent);
	outline-offset: 2px;
}

.bapro-bc .bapro-bc__current {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #1d2330;
	font-weight: 600;
	overflow-wrap: anywhere;
}

.bapro-bc__home-icon {
	display: inline-flex;
	font-size: 0.95em;
}

.bapro-bc__home-icon svg,
.bapro-bc__sep svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.bapro-bc__sep {
	display: inline-flex;
	align-items: center;
	margin: 0 var(--bapro-bc-gap);
	color: #9aa0ad;
	font-size: 0.7em;
	line-height: 1;
}

.bapro-bc__sep--space {
	margin: 0 calc(var(--bapro-bc-gap) / 2);
}

/* Anything the script hides with the hidden attribute stays hidden, even
   when a display value above (or from the theme) would show it. */
.bapro-bc [hidden] {
	display: none !important;
}