/*
 * 面包屑 —— 1:1 对应设计稿 Astra 6月 / Breadcrumbs Container 1080:298
 *   整条 1920×48、底色 #F9F9F9；项之间 gap 10，分隔符「/」占 38 居中
 *   文字 14/20 Regular #333（网页端/辅助/说明文字 14/20）
 */

.astra-crumbs {
  --crumbs-color: #333333;
  --crumbs-current: #333333;

  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  min-height: 48px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: var(--crumbs-color);
}

.astra-crumbs__item {
  color: var(--crumbs-color);
  text-decoration: none;
  transition: color 0.3s;
}

a.astra-crumbs__item:hover {
  color: #e60012;
}

.astra-crumbs__item--current {
  color: var(--crumbs-current);
}

.astra-crumbs__sep {
  flex: 0 0 auto;
  width: 38px;
  text-align: center;
  color: var(--crumbs-color);
  user-select: none;
}

@media (max-width: 768px) {
  .astra-crumbs {
    min-height: 40px;
    gap: 4px;
    font-size: clamp(10px, 3.2vw, 12px);
  }

  .astra-crumbs__sep {
    width: 20px;
  }
}