/**
 * Breadcrumb trail — markup comes from geras_breadcrumbs() in inc/template-tags.php.
 *
 * @package Geras_Custom
 */

.breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var( --space-9 );
	font-size: var( --fs-13-5 );
	font-weight: var( --fw-bold );
	color: var( --color-muted );
}

.breadcrumbs__item {
	display: inline-flex;
	align-items: center;
	gap: var( --space-9 );
}

.breadcrumbs__item + .breadcrumbs__item::before {
	content: "/";
	opacity: .5;
}

.breadcrumbs__link {
	transition: color .2s;
}

.breadcrumbs__link:hover {
	color: var( --c-cocoa-900 );
}

.breadcrumbs__current {
	color: var( --color-heading );
}