/* ==========================================================================
   Migas de pan (byc_breadcrumb() en inc/woocommerce.php)
   Tienda y archivos; la ficha de producto las reutilizará.
   ========================================================================== */

.breadcrumb {
  font-family: var(--font-sans);
  font-size: var(--fs-xs);
  font-weight: 500;
  letter-spacing: 0.04em;
}

.breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 0;
  margin: 0;
  padding: 0;
  color: var(--color-graphite);
  list-style: none;
}

.breadcrumb__item {
  margin: 0;
  padding: 0;
}

/* Separador visual: fuera del texto para que los lectores de pantalla no lo lean */
.breadcrumb__item + .breadcrumb__item::before {
  content: "/";
  margin-inline: 10px;
  color: var(--color-line-strong);
}

.breadcrumb__item a {
  color: var(--color-graphite);
  text-decoration: none;
}
.breadcrumb__item a:hover {
  color: var(--color-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* El último ítem (página actual) va sin link */
.breadcrumb__item:last-child { color: var(--color-ink); }