/*
 * Makira Dynamic Breadcrumb - frontend styles.
 *
 * Deliberately minimal: colors, typography, spacing, alignment, and
 * separator/icon sizing are all applied via Elementor's own generated CSS
 * (see the `selectors` on each control in class-elementor-widget.php).
 * This file only defines the structural flex layout the markup depends on.
 */

.makira-breadcrumb {
	width: 100%;
}

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

.makira-breadcrumb__item {
	display: inline-flex;
	align-items: center;
}

.makira-breadcrumb__link {
	text-decoration: none;
	transition: color 150ms ease;
}

.makira-breadcrumb__separator {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	user-select: none;
}

.makira-breadcrumb__home-icon {
	display: inline-flex;
	align-items: center;
	line-height: 0;
}

.makira-breadcrumb__home-icon svg {
	display: block;
	width: 1em;
	height: 1em;
	fill: currentColor;
}