/**
 * Breadcrumbs Smasher for Elementor - base layout.
 *
 * Minimal, structural CSS only. All visual styling (colours, typography,
 * spacing, alignment, icon size) is driven by Elementor controls via
 * {{WRAPPER}} .bcs-* selectors so live editing works.
 */

.bcs-breadcrumbs {
	display: block;
	width: 100%;
}

/* Flex list; gap & justify-content are overridden by controls. */
.bcs-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.bcs-list li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Each crumb is inline-flex so icon + label align on the same baseline. */
.bcs-item,
.bcs-separator {
	display: inline-flex;
	align-items: center;
}

.bcs-link,
.bcs-current {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	text-decoration: none;
}

.bcs-link {
	transition: color 0.15s ease-in-out;
}

/* Icon wrappers: keep SVG/font icons vertically centred with text. */
.bcs-home-icon,
.bcs-separator {
	display: inline-flex;
	align-items: center;
	line-height: 1;
}

.bcs-home-icon svg,
.bcs-separator svg {
	display: block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
}

.bcs-home-icon i,
.bcs-separator i {
	line-height: 1;
	vertical-align: middle;
}

/* Accessible label hiding (mirrors WP core .screen-reader-text). */
.bcs-sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}