/*
 * Copyright (c) 2026, Salesforce, Inc.,
 * All rights reserved.
 * For full license text, see the LICENSE.txt file
 */

.slds-breadcrumb {
  display: flex;
  align-items: center;
  gap: var(--slds-c-breadcrumbs-spacing-gap);
  font-size: var(--slds-c-breadcrumbs-font-size);
  font-weight: var(--slds-c-breadcrumbs-font-weight);

  .slds-list__item,
  .slds-breadcrumb__item {
    display: flex;
    align-items: center;
    gap: var(--slds-c-breadcrumbs-spacing-gap);

    a {
      display: inline-flex;
      align-items: center;
      gap: var(--slds-c-breadcrumbs-spacing-gap);
      color: var(--slds-c-breadcrumbs-color-foreground);
    }

    a:hover {
      color: var(--slds-c-breadcrumbs-color-foreground-hover);
    }

    a:focus-visible {
      color: var(--slds-c-breadcrumbs-color-foreground-focus);
    }

    a:active {
      color: var(--slds-c-breadcrumbs-color-foreground-active);
    }

    a[disabled] {
      pointer-events: none;
      text-decoration: none;
      color: var(--slds-c-breadcrumbs-color-foreground-disabled);
    }
  }
}

.slds-breadcrumb .slds-list__item:not(:first-child)::before,
.slds-breadcrumb .slds-breadcrumb__item:not(:first-child)::before {
  content: var(--slds-c-breadcrumbs-separator-content);
  display: inline-flex;
  color: var(--slds-c-breadcrumbs-separator-color-foreground);
  gap: var(--slds-c-breadcrumbs-spacing-gap);
}