/* =============================================================================
 * Naranza Toco - 2024.2 - (c) Andrea Davanzo - License MPL v2.0 - naranza.org
 * ========================================================================== */


.toco-breadcrumb {
  background-color: var(--gray-95);
  border: 1px solid var(--gray-80);
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 1rem;

  /* 1. Change to flex to eliminate HTML whitespace gaps */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.toco-breadcrumb li {
  display: flex;
  align-items: center;
}

/* 3. Streamline the separator logic */
.toco-breadcrumb li+li:before {
  content: "/";
  padding: 0 .6rem;         /* Give even padding strictly to the left and right of the slash */
  color: var(--gray-50);    /* Optional: make slashes slightly lighter than text if desired */
}