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

.slds-breadcrumb .slds-list__item,
.slds-breadcrumb .slds-breadcrumb__item {
  position: relative;
}

.slds-breadcrumb .slds-list__item::before,
.slds-breadcrumb .slds-breadcrumb__item::before {
  content: '>';
  position: absolute;
  inset-inline-start: calc(var(--slds-g-spacing-1) * -1);
}

.slds-breadcrumb .slds-list__item > a,
.slds-breadcrumb .slds-breadcrumb__item > a {
  display: block;
  padding-block-start: 0;
  padding-inline-end: var(--slds-c-breadcrumbs-spacing-inline-end, var(--slds-g-spacing-2));
  padding-block-end: 0;
  padding-inline-start: var(--slds-c-breadcrumbs-spacing-inline-start, var(--slds-g-spacing-2));
}

.slds-breadcrumb .slds-list__item:first-child > a,
.slds-breadcrumb .slds-breadcrumb__item:first-child > a {
  --slds-c-breadcrumbs-spacing-inline-start: 0;
}

.slds-breadcrumb .slds-list__item:first-child::before,
.slds-breadcrumb .slds-breadcrumb__item:first-child::before {
  content: '';
}

.slds-breadcrumb .slds-dropdown-trigger {
  margin-inline-end: var(--slds-c-breadcrumbs-spacing-inline-end, var(--slds-g-spacing-2));
}

/* KINETICS */
[kx-scope='breadcrumbs-item'][kx-type='underline'] > a {
  position: relative;
  will-change: color, transform;
  transition: transform calc(calc(1 * 1) * 250ms / 1) cubic-bezier(0, 0.3, 0.15, 1);
  margin-inline-end: var(--slds-g-spacing-2);
  margin-inline-start: var(--slds-g-spacing-2);
  padding-inline-end: 0;
  padding-inline-start: 0;
}

[kx-scope='breadcrumbs-item'][kx-type='underline'] > a:active {
  transform: scale(0.95);
}

@media (prefers-reduced-motion: reduce) {
  [kx-scope='breadcrumbs-item'][kx-type='underline'] > a:active {
    transform: none;
  }
}

[kx-scope='breadcrumbs-item'][kx-type='underline'] > a::after {
  will-change: transform-origin, transform;
  content: '';
  position: absolute;
  inset-block-start: 80%;
  inset-inline-start: 0%;
  height: 0.0625rem;
  width: 100%;
  background: var(--slds-g-color-accent-2);
  background-position: left top;
  transform: scaleX(0);
  /* stylelint-disable */
  transform-origin: var(--slds-kx-breadcrumbs-pointer-position-x, 50%) 0;
  /* stylelint-enable */
  transition: transform calc(calc(1 * 1) * 250ms / 1) cubic-bezier(0, 0.3, 0.15, 1);
}

[kx-scope='breadcrumbs-item'][kx-type='underline'] > a:hover::after {
  transform: scaleX(1);
}

[kx-scope='breadcrumbs-item'][kx-type='underline']:first-child > a {
  margin-inline-start: 0;
}