/**
 * @file
 * Breadcrumb styles for Aotearoa theme.
 */

nav[aria-labelledby="system-breadcrumb"] {
  padding-block: var(--sp6);
  max-width: var(--container-width);
  margin-inline: auto;
}

nav[aria-labelledby="system-breadcrumb"] ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sp1);
  margin: 0;
  padding: 0;
  list-style: none;
}

nav[aria-labelledby="system-breadcrumb"] li {
  display: flex;
  align-items: center;
  font-family: var(--font-sans);
  font-size: var(--body-s-size);
  color: var(--neutral-600);
}

nav[aria-labelledby="system-breadcrumb"] li:not(:last-child)::after {
  content: '/';
  margin-inline-start: var(--sp1);
  color: var(--neutral-400);
}

nav[aria-labelledby="system-breadcrumb"] a {
  color: var(--neutral-600);
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 0.2s ease;
}

nav[aria-labelledby="system-breadcrumb"] a:hover {
  color: var(--primary);
}

nav[aria-labelledby="system-breadcrumb"] li:last-child {
  color: var(--neutral-800);
  font-weight: 600;
}