/* ==========================================================================
   breadcrumb.css — パンくずナビ
   ========================================================================== */

.breadcrumb {
	padding-block: var(--space-sm);
}

.breadcrumb__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4em;
	font-size: var(--font-size-xs);
}

.breadcrumb__item + .breadcrumb__item::before {
	content: ">";
	color: var(--color-black);
	margin-inline-end: 0.4em;
}

.breadcrumb__link {
	color: var(--color-black);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.breadcrumb__link:hover {
	text-decoration: none;
}

.breadcrumb__current {
	color: var(--color-black);
}