/**
 * amm - WooCommerce Addons :: Breadcrumb
 *
 * Minimal, override-friendly defaults. Colours/typography/spacing are meant
 * to be set per element via the Elementor controls. These base rules only
 * provide the layout.
 */

.amm-breadcrumb {
	display: block;
}

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

.amm-breadcrumb__item {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
}

.amm-breadcrumb__link {
	text-decoration: none;
	color: inherit;
}

.amm-breadcrumb__current {
	color: inherit;
}

/* Animated normal <-> hover transitions (duration via Elementor control). */
.amm-breadcrumb__link,
.amm-breadcrumb__current,
.amm-breadcrumb__separator {
	transition:
		color var(--amm-breadcrumb-duration, 0.2s) ease,
		text-decoration-color var(--amm-breadcrumb-duration, 0.2s) ease;
}

.amm-breadcrumb__separator {
	display: inline-flex;
	align-items: center;
	line-height: 1;
}

.amm-breadcrumb__separator svg,
.amm-breadcrumb__separator i {
	width: 1em;
	height: 1em;
	font-size: inherit;
	fill: currentColor;
}