/* ==========================================================================
   夜色服饰 B2B 独立站 · S1.5 面包屑导航
   --------------------------------------------------------------------------
   极简、小字号、次级灰；分隔符用 "/"（纯 CSS，不用图标字库）。
   移动端横向滚动不换行挤压；链接移动端可点高度 ≥ 44px（min-height 撑开，
   静态高度不引起布局跳跃）。
   依赖令牌（来自 assets/css/tokens.css）：
     --nc-text --nc-text-2 --nc-text-3 --nc-fs-13 --nc-lh-body
     --nc-sp-2 --nc-sp-4
   ========================================================================== */

.nc-bc {
	margin: 0 0 var(--nc-sp-4);
	font-size: var(--nc-fs-13);
	line-height: var(--nc-lh-body);
	color: var(--nc-text-2);
}

.nc-bc__list {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.nc-bc__item {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
}

/* 分隔符：非末项后显示 "/" */
.nc-bc__item:not(:last-child)::after {
	content: "/";
	margin: 0 var(--nc-sp-2);
	color: var(--nc-text-3);
}

.nc-bc__link,
.nc-bc__current {
	display: inline-flex;
	align-items: center;
	/* 移动端触控目标 ≥ 44px（走令牌 --nc-touch） */
	min-height: var(--nc-touch, 44px);
	padding: 0;
	text-decoration: none;
}

.nc-bc__link {
	color: var(--nc-text-2);
	transition: color var(--nc-transition);
}

.nc-bc__current {
	color: var(--nc-text-3);
}

.nc-bc__link:hover,
.nc-bc__link:focus-visible {
	color: var(--nc-text);
}

/* 平板及以上恢复紧凑高度（不影响移动端触控目标） */
@media (min-width: 768px) {
	.nc-bc__link,
	.nc-bc__current {
		min-height: 0;
	}
}

/* 减动效：关闭过渡 */
@media (prefers-reduced-motion: reduce) {
	.nc-bc__link {
		transition: none;
	}
}