.pf-c-breadcrumb {
  // Breadcrumb item
  --pf-c-breadcrumb__item--FontSize: var(--pf-global--FontSize--sm);
  --pf-c-breadcrumb__item--FontWeight: var(--pf-global--FontWeight--semi-bold);
  --pf-c-breadcrumb__item--LineHeight: var(--pf-global--LineHeight--sm);
  --pf-c-breadcrumb__item--MarginRight: var(--pf-global--spacer--sm);

  // Breadcrumb divider
  --pf-c-breadcrumb__item-divider--Color: var(--pf-global--BorderColor--200);
  --pf-c-breadcrumb__item-divider--MarginLeft: var(--pf-global--spacer--sm);
  --pf-c-breadcrumb__item-divider--FontSize: var(--pf-global--FontSize--sm);

  // Breadcrumb link
  --pf-c-breadcrumb__link--FontWeight: var(--pf-global--FontWeight--semi-bold);
  --pf-c-breadcrumb__link--m-current--Color: var(--pf-global--Color--100);

  // Heading
  --pf-c-breadcrumb__heading--FontSize: var(--pf-global--FontSize--sm);

  display: inline-flex;
}

// Breadcrumb list
.pf-c-breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

// Breadcrumb list item
.pf-c-breadcrumb__item {
  display: flex;
  align-items: center;
  font-size: var(--pf-c-breadcrumb__item--FontSize);
  font-weight: var(--pf-c-breadcrumb__item--FontWeight);
  line-height: var(--pf-c-breadcrumb__item--LineHeight);
  cursor: default;

  &:not(:last-child) {
    margin-right: var(--pf-c-breadcrumb__item--MarginRight);
  }
}

// Breadcrumb divider
.pf-c-breadcrumb__item-divider {
  margin-left: var(--pf-c-breadcrumb__item-divider--MarginLeft);
  font-size: var(--pf-c-breadcrumb__item-divider--FontSize);
  line-height: 1;
  color: var(--pf-c-breadcrumb__item-divider--Color);
}

// Breadcrumb link
.pf-c-breadcrumb__link {
  font-size: inherit;
  font-weight: var(--pf-c-breadcrumb__link--FontWeight);
  line-height: inherit;

  // current item
  &.pf-m-current {
    cursor: default;

    &,
    &:hover,
    &.pf-m-hover {
      color: var(--pf-c-breadcrumb__link--m-current--Color);
      text-decoration: none;
    }
  }
}

.pf-c-breadcrumb__heading {
  font-size: var(--pf-c-breadcrumb__heading--FontSize);
}

// RedHat Font overrides
@include pf-m-redhat-font {
  .pf-c-breadcrumb {
    --pf-c-breadcrumb__link--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-breadcrumb__item--FontWeight: var(--pf-global--FontWeight--normal);
  }
}
