/* Beacon presentation for breadcrumbs emitted by OneNav's single-item helpers. */
body.single-post #beacon-main nav[aria-label="breadcrumb"],
body.single-app #beacon-main nav[aria-label="breadcrumb"],
body.single-book #beacon-main nav[aria-label="breadcrumb"],
body.single-bulletin #content nav[aria-label="breadcrumb"] {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 3px 8px;
  margin: 0 0 18px;
  padding: 9px 12px;
  border-inline-start: 2px solid var(--bc-accent-orange, #fc4c02);
  border-radius: 3px;
  background: var(--bc-semantic-color-surface-subtle, #f8f9fc);
  color: var(--bc-body, #737373);
  font-size: 12px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

body.single-post #beacon-main nav[aria-label="breadcrumb"] a,
body.single-app #beacon-main nav[aria-label="breadcrumb"] a,
body.single-book #beacon-main nav[aria-label="breadcrumb"] a,
body.single-bulletin #content nav[aria-label="breadcrumb"] a {
  color: var(--bc-body, #737373);
  text-decoration: none;
  transition: color 140ms ease;
}

body.single-post #beacon-main nav[aria-label="breadcrumb"] a:hover,
body.single-app #beacon-main nav[aria-label="breadcrumb"] a:hover,
body.single-book #beacon-main nav[aria-label="breadcrumb"] a:hover,
body.single-bulletin #content nav[aria-label="breadcrumb"] a:hover {
  color: var(--bc-accent-text, #b83b00);
}

body.single-post #beacon-main nav[aria-label="breadcrumb"] > .vc-theme,
body.single-app #beacon-main nav[aria-label="breadcrumb"] > .vc-theme,
body.single-book #beacon-main nav[aria-label="breadcrumb"] > .vc-theme,
body.single-bulletin #content nav[aria-label="breadcrumb"] > .vc-theme {
  color: var(--bc-accent-orange, #fc4c02);
}

body.single-post #beacon-main nav[aria-label="breadcrumb"] [aria-current="page"],
body.single-app #beacon-main nav[aria-label="breadcrumb"] [aria-current="page"],
body.single-book #beacon-main nav[aria-label="breadcrumb"] [aria-current="page"],
body.single-bulletin #content nav[aria-label="breadcrumb"] [aria-current="page"] {
  color: var(--bc-ink, #010120);
  font-weight: 550;
}

html.io-black-mode body.single-post #beacon-main nav[aria-label="breadcrumb"],
html.io-black-mode body.single-app #beacon-main nav[aria-label="breadcrumb"],
html.io-black-mode body.single-book #beacon-main nav[aria-label="breadcrumb"],
html.io-black-mode body.single-bulletin #content nav[aria-label="breadcrumb"] {
  background: var(--bc-surface-dark-soft, #1c2140);
  color: var(--bc-body-on-dark, rgb(255 255 255 / 72%));
}

html.io-black-mode body.single-post #beacon-main nav[aria-label="breadcrumb"] a,
html.io-black-mode body.single-app #beacon-main nav[aria-label="breadcrumb"] a,
html.io-black-mode body.single-book #beacon-main nav[aria-label="breadcrumb"] a,
html.io-black-mode body.single-bulletin #content nav[aria-label="breadcrumb"] a {
  color: var(--bc-body-on-dark, rgb(255 255 255 / 72%));
}

html.io-black-mode:not(#_) body.single-post #beacon-main nav[aria-label="breadcrumb"] a,
html.io-black-mode:not(#_) body.single-app #beacon-main nav[aria-label="breadcrumb"] a,
html.io-black-mode:not(#_) body.single-book #beacon-main nav[aria-label="breadcrumb"] a,
html.io-black-mode:not(#_) body.single-bulletin #content nav[aria-label="breadcrumb"] a {
  color: var(--bc-body-on-dark, rgb(255 255 255 / 72%));
}

html.io-black-mode body.single-post #beacon-main nav[aria-label="breadcrumb"] a:hover,
html.io-black-mode body.single-app #beacon-main nav[aria-label="breadcrumb"] a:hover,
html.io-black-mode body.single-book #beacon-main nav[aria-label="breadcrumb"] a:hover,
html.io-black-mode body.single-bulletin #content nav[aria-label="breadcrumb"] a:hover,
html.io-black-mode body.single-post #beacon-main nav[aria-label="breadcrumb"] [aria-current="page"],
html.io-black-mode body.single-app #beacon-main nav[aria-label="breadcrumb"] [aria-current="page"],
html.io-black-mode body.single-book #beacon-main nav[aria-label="breadcrumb"] [aria-current="page"],
html.io-black-mode body.single-bulletin #content nav[aria-label="breadcrumb"] [aria-current="page"] {
  color: var(--bc-on-dark, #fff);
}

body.single-post #beacon-main nav[aria-label="breadcrumb"] a:focus-visible,
body.single-app #beacon-main nav[aria-label="breadcrumb"] a:focus-visible,
body.single-book #beacon-main nav[aria-label="breadcrumb"] a:focus-visible,
body.single-bulletin #content nav[aria-label="breadcrumb"] a:focus-visible {
  border-radius: 2px;
  outline: 2px solid var(--bc-accent-orange, #fc4c02);
  outline-offset: 2px;
}

@media (max-width: 520px) {
  body.single-post #beacon-main nav[aria-label="breadcrumb"],
  body.single-app #beacon-main nav[aria-label="breadcrumb"],
  body.single-book #beacon-main nav[aria-label="breadcrumb"],
  body.single-bulletin #content nav[aria-label="breadcrumb"] {
    gap: 2px 6px;
    margin-bottom: 14px;
    padding: 8px 10px;
    font-size: 11px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.single-post #beacon-main nav[aria-label="breadcrumb"] a,
  body.single-app #beacon-main nav[aria-label="breadcrumb"] a,
  body.single-book #beacon-main nav[aria-label="breadcrumb"] a,
  body.single-bulletin #content nav[aria-label="breadcrumb"] a {
    transition: none;
  }
}