/**
 * @file
 * Breadcrumb component.
 */

.breadcrumb {
  font-size: var(--wp--preset--font-size--small, 0.875rem);
  color: var(--wp--preset--color--muted, #757575);
}

.breadcrumb__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25em;
}

.breadcrumb__item:not(:last-child)::after {
  content: "/";
  margin-left: 0.25em;
  color: var(--wp--preset--color--border, #dcdcde);
}

.breadcrumb__link {
  color: var(--wp--preset--color--muted, #757575);
  text-decoration: none;
}

.breadcrumb__link:hover {
  color: var(--wp--preset--color--primary, #0073aa);
  text-decoration: underline;
}
