/* q-breadcrumb (all classes prefixed) */
.q-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 15px 0;
    font-size: 12px;
    width: min(100%, 1024px); margin: 0 auto;
  }
  
  .q-breadcrumb-item {
    position: relative;
    display: flex;
    align-items: center;
  }
  
  .q-breadcrumb-link {
    padding-right: 3px;
    text-decoration: none;
  }
  
  .q-breadcrumb-item:last-child .q-breadcrumb-link {
    padding-right: 0;
  }
  
  /* separator: add to items marked with q-breadcrumb-has-sep and not the last */
  .q-breadcrumb-has-sep:not(:last-child)::after {
    content: "›";
    color: var(--gray);
    margin-left: 7px;
  }
  
  /* utilities */
  /* @todo: -mb-* do not seem to be used, remove them? */
  .q-breadcrumb-bold    { font-weight: 700; }
  .q-breadcrumb-mb-50   { margin-bottom: 10px; }
  .q-breadcrumb-mb-10   { margin-bottom: 10px; }
  .q-breadcrumb-mb-20   { margin-bottom: 20px; }
  
  /* active/current page */
  .q-breadcrumb-active .q-breadcrumb-link {
    color: #000 !important;
  }
  
  /* responsive: center on small screens */
  @media only screen and (max-width: 660px) {
    .q-breadcrumb { justify-content: center; }
  }