/* components/breadcrumbs/breadcrumbs.css — Breadcrumbs (doc, Componentes > Breadcrumbs). Se carga después de style.css. */
@layer ms.system, ms.theme, ms.attributes;

@layer ms.system {
  /* Alias: valor por defecto; un Tema lo cambia en ms.theme */
  :root {
    --ms-breadcrumbsAdapt: var(--ms-layoutSpace_medium);
    --ms-breadcrumbsAdaptMode: collapse;
    --ms-breadcrumbsTextStyle_family: var(--ms-textStyle_bodyS_family);
    --ms-breadcrumbsTextStyle_size: var(--ms-textStyle_bodyS_size);
    --ms-breadcrumbsTextStyle_lineHeight: var(--ms-textStyle_bodyS_lineHeight);
    --ms-breadcrumbsTextStyle_weight: var(--ms-textStyle_bodyS_weight);
    --ms-breadcrumbsGap: var(--ms-spacingRole_part);
  }

  /* Breadcrumbs */
  .ms-breadcrumbs > ol { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ms-breadcrumbsGap); margin: 0; padding: 0; list-style: none; color: var(--ms-color_content); font-family: var(--ms-breadcrumbsTextStyle_family); font-size: var(--ms-breadcrumbsTextStyle_size); line-height: var(--ms-breadcrumbsTextStyle_lineHeight); font-weight: var(--ms-breadcrumbsTextStyle_weight); }
  .ms-breadcrumbs li { display: inline-flex; align-items: center; gap: var(--ms-breadcrumbsGap); margin: 0; font: inherit; color: inherit; }
  .ms-breadcrumbs li + li::before { content: ""; inline-size: var(--ms-iconSize_s); block-size: var(--ms-iconSize_s); background-color: currentColor; mask-image: var(--ms-icon_chevronRight); mask-size: contain; mask-position: center; mask-repeat: no-repeat; forced-color-adjust: none; }
  .ms-breadcrumbs a { text-underline-offset: 0.2em; }

  /* Adaptación (doc, Componentes > Adaptación) */
  /* Breadcrumbs: collapse — el primer nivel, «…» y la página actual */
  .ms-breadcrumbs:not([data-ms-adapt="collapse"]) li[data-ms-slot="more"] { display: none; }
  .ms-breadcrumbs[data-ms-adapt="collapse"]:has([data-ms-slot="more"]) li:not(:first-child, :last-child, [data-ms-slot="more"]) { display: none; }
  /* Breadcrumbs: parent — solo el nivel anterior, con icon_arrowBack */
  .ms-breadcrumbs[data-ms-adapt="parent"] li:not(:nth-last-child(2 of :not([data-ms-slot="more"]))) { display: none; }
  .ms-breadcrumbs[data-ms-adapt="parent"] li::before { mask-image: var(--ms-icon_arrowBack); }
  .ms-breadcrumbs[data-ms-adapt="parent"] li:first-child::before {
    content: ""; inline-size: var(--ms-iconSize_s); block-size: var(--ms-iconSize_s); background-color: currentColor;
    mask-image: var(--ms-icon_arrowBack); mask-size: contain; mask-position: center; mask-repeat: no-repeat; forced-color-adjust: none;
  }

  /* Interactions (doc, Interactions > Alias de componente): su variante de action por defecto, después de su estilo */
  /* @generated interactions:component — node designSystem/interactions.js. No se edita a mano. */
  /* breadcrumbsLinkAction: link */
  .ms-breadcrumbs a { color: var(--ms-color_mainContent); text-decoration-line: var(--ms-typographyModifier_underline); text-decoration-thickness: var(--ms-stroke_1); }
  .ms-breadcrumbs a:is(:hover, [data-ms-active]):not(:disabled, [aria-disabled="true"], [aria-selected="true"], [aria-current]:not([aria-current="false"], [aria-current="date"]), [aria-pressed="true"], [aria-checked="true"], :checked, :indeterminate) { text-decoration-thickness: var(--ms-stroke_2); }
  .ms-breadcrumbs a:active:not(:disabled, [aria-disabled="true"], [aria-selected="true"], [aria-current]:not([aria-current="false"], [aria-current="date"]), [aria-pressed="true"], [aria-checked="true"], :checked, :indeterminate) { filter: var(--ms-motionTransition_darkness_pressed); }
  .ms-breadcrumbs a:is([aria-selected="true"], [aria-current]:not([aria-current="false"], [aria-current="date"]), [aria-pressed="true"], [aria-checked="true"], :checked, :indeterminate) { color: var(--ms-color_content); text-decoration-line: none; }
  /* @end interactions:component */
}