/**
 * @file
 * Breadcrumb component styles.
 */

.c--breadcrumb {
  --_bradcrumb_m-b-e: 1rem;

  --_bradcrumb_ol_gap: 0.5rem;
  --_bradcrumb_ol_m: 0px;
  --_bradcrumb_ol_p: 0px;

  --_breadcrumb_li_after_c: var(--breadcrumb_li_after_c, #6b7280);

  display: flex;
  align-items: center;
  margin-block-end: var(--_bradcrumb_m-b-e);
  gap: var(--_bradcrumb_ol_gap);
}

.c--breadcrumb ol {
    gap: var(--_bradcrumb_ol_gap);
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: var(--_bradcrumb_ol_m);
    padding: var(--_bradcrumb_ol_p);
  }

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

.c--breadcrumb a {
    --_link_c: var(--_breadcrumb_link_c, 'currentColor');
    --_link_d: none;
    --_link_d_h: none;
  }

.c--breadcrumb:not(.hide-icons) li:not(:last-child)::after {
        content: '›';
        margin-left: var(--_breadcrumb_li_m-i-s, var(--_bradcrumb_ol_gap));
        color: var(--_breadcrumb_li_after_c);
      }