/**
 * @license
 * Copyright (c) 2026 - 2026 Vaadin Ltd.
 * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
 */
@media lumo_components_breadcrumbs-item {
  :host {
    --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));
    --_focus-ring-width: var(--vaadin-focus-ring-width, 2px);
    font-family: var(--lumo-font-family);
    font-size: var(--vaadin-breadcrumbs-font-size, var(--lumo-font-size-m));
    line-height: var(--vaadin-breadcrumbs-line-height, var(--lumo-line-height-m));
  }

  [part='link'] {
    transition: color 140ms;
  }

  :host([current]) {
    font-weight: 500;
  }

  @media (any-hover: hover) {
    :host(:not([disabled], [slot='overlay'])) [part='link']:hover {
      color: var(--lumo-body-text-color);
    }

    :host([slot='overlay']:not([disabled])) [part='link']:hover {
      background-color: var(--lumo-primary-color-10pct);
    }
  }

  :host(:not([disabled], [slot='overlay'])) [part='link']:active {
    color: var(--lumo-header-text-color);
  }

  [part='link']:focus-visible,
  :host([slot='overlay'][focus-ring]) [part='link'] {
    outline: var(--_focus-ring-width) solid var(--_focus-ring-color);
  }

  slot[name='prefix']::slotted(:is(vaadin-icon, [class*='icon'])) {
    width: var(--lumo-icon-size-s);
    height: var(--lumo-icon-size-s);
  }
}