/* WCW 产品页可见面包屑
   深色主题适配；与页面既有 BreadcrumbList 结构化数据保持一致。
   独立文件，避免改动共享 CSS 导致的缓存失效问题。 */

.wcw-breadcrumb {
  background: var(--bg, #0b1119);
  border-bottom: 1px solid var(--line, rgba(255, 255, 255, 0.1));
}

.wcw-breadcrumb .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 14px 0;
  font-size: 13.5px;
  line-height: 1.4;
}

.wcw-breadcrumb a {
  color: var(--muted, #9dafc2);
  text-decoration: none;
  transition: color 0.15s ease;
}

.wcw-breadcrumb a:hover,
.wcw-breadcrumb a:focus-visible {
  color: var(--accent, #58d0ff);
  text-decoration: underline;
}

.wcw-breadcrumb .sep {
  color: var(--line-strong, rgba(255, 255, 255, 0.28));
  user-select: none;
}

.wcw-breadcrumb .current {
  color: var(--text, #edf3f8);
  font-weight: 600;
}

@media (max-width: 640px) {
  .wcw-breadcrumb .container {
    font-size: 12.5px;
    padding: 12px 0;
  }
}