/*
  show-head.css
  Breadcrumb above the show page.
  No background colour on purpose: it sits on the page wash.
  Needs css/base.css.
*/

.fm-show-head { padding-block: 1rem 0.25rem; font-size: var(--fm-t-xs); color: var(--fm-muted); }
.fm-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 0.25rem 0.5rem; }
/* The slash between items is added here, so the HTML is just a list */
.fm-breadcrumb li + li::before { content: "/"; margin-right: 0.5rem; color: #9fb0bc; }
.fm-breadcrumb a { color: var(--fm-blue); font-weight: 600; }
.fm-breadcrumb a:hover { text-decoration: underline; text-underline-offset: 3px; }
/* Current page is cut to one line so a long show name can't wrap the trail */
.fm-breadcrumb li[aria-current] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }