/* ========== 面包屑导航 — 对齐 zibll .breadcrumb (main.css) ========== */
/* Single source for breadcrumb chrome. Do not re-define in layout.css. */

.breadcrumb,
ul.breadcrumb,
.breadcrumb-nav,
.breadcrumbs-wrap {
  background: transparent;
  font-size: 13px;
  padding: 0 8px;
  margin: 0 0 12px;
  opacity: 0.6;
  line-height: 1.8;
  list-style: none;
}

.breadcrumb-nav ol,
.breadcrumb-nav ul,
ul.breadcrumb,
.breadcrumbs.breadcrumb {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}

/* Zibll uses flat li + li:before separators (not flex-gap nodes) */
.breadcrumb > li,
ul.breadcrumb > li,
.breadcrumb-nav li,
.breadcrumbs.breadcrumb > li {
  display: inline;
}

.breadcrumb > li + li:before,
ul.breadcrumb > li + li:before,
.breadcrumb-nav li + li:before {
  content: "/";
  padding: 0 0 0 6px;
  opacity: 0.6;
}

/* Archive/nav variant may still stamp sep nodes — keep neutral */
.breadcrumbs.breadcrumb .breadcrumbs__sep {
  padding: 0 6px;
  opacity: 0.6;
}

.breadcrumb a,
ul.breadcrumb a,
.breadcrumb-nav a,
.breadcrumbs a {
  color: var(--muted-2-color, var(--color-ink-4, #999));
  text-decoration: none;
  transition: color 0.2s;
}

.breadcrumb a:hover,
ul.breadcrumb a:hover,
.breadcrumb-nav a:hover,
.breadcrumbs a:hover {
  color: var(--focus-color, var(--color-primary, #f04494));
}

.breadcrumb > li:last-child,
ul.breadcrumb > li:last-child,
.breadcrumb-nav .current,
.breadcrumbs__item.is-current {
  color: var(--main-color, var(--color-ink-2, #4e5358));
}

/* Cover / video footer breadcrumb — Zibll single-cover-con / single-video */
.single-cover-con .breadcrumb,
.single-cover-con ul.breadcrumb,
.single-cover-con .breadcrumb-nav,
.post-breadcrumbs .breadcrumb,
.single-video .breadcrumb {
  font-size: 13px;
  margin: 5px 0 0 -6px;
  opacity: unset;
  padding: 0;
  background: transparent;
}

.single-video .breadcrumb {
  padding: 0;
}

.single-cover-con .breadcrumb,
.single-cover-con ul.breadcrumb,
.single-cover-con .breadcrumb-nav {
  color: rgba(255, 255, 255, 0.85);
}

.single-cover-con .breadcrumb a,
.single-cover-con ul.breadcrumb a,
.single-cover-con .breadcrumb-nav a {
  color: rgba(255, 255, 255, 0.85);
}

.single-cover-con .breadcrumb a:hover,
.single-cover-con ul.breadcrumb a:hover,
.single-cover-con .breadcrumb-nav a:hover {
  color: #fff;
}

.single-cover-con .breadcrumb > li:last-child,
.single-cover-con ul.breadcrumb > li:last-child {
  color: #fff;
}

@media (max-width: 767px) {
  .breadcrumb,
  ul.breadcrumb,
  .breadcrumb-nav,
  .breadcrumbs-wrap {
    font-size: 12px;
  }
}