/* =========================================================
   UN Story Flow Arrows 1.0.4
   Hybrid trail / prev-next only.
   Home category legend: NO › separators (they wrap under labels on mobile).
   ========================================================= */

/* ---- Home category legend: never add › after filter items ---- */
body.home .qodef-portfolio-list .qodef-m-filter-item::after,
body.home .qodef-portfolio-list .qodef-m-filter-items > .qodef-m-filter-item::after,
body.home .qodef-portfolio-list .qodef-m-filter-items > .qodef-m-filter-wrapper > .qodef-m-filter-item::after {
  content: none !important;
  display: none !important;
}

/* ---- Hybrid portfolio trail ---- */
body.un-hybrid-portfolio .un-hy-trail {
  margin: 0 0 12px;
  padding: 0;
  font-size: 11px;
  line-height: 1.45;
  color: #8a8a8a;
  letter-spacing: 0.04em;
  text-transform: none;
  font-style: italic;
  font-weight: 400;
}
body.un-hybrid-portfolio .un-hy-trail a {
  color: #8a8a8a;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.15s ease, border-color 0.15s ease;
}
body.un-hybrid-portfolio .un-hy-trail a:hover {
  color: #111;
  border-bottom-color: #ccc;
}
body.un-hybrid-portfolio .un-hy-trail .un-hy-trail-sep {
  color: #b0b0b0;
  font-style: normal;
  margin: 0 0.2em;
  pointer-events: none;
}
body.un-hybrid-portfolio .un-hy-trail .un-hy-trail-current {
  color: #6a6a6a;
  font-style: italic;
}

/* ---- Hybrid portfolio flow nav (prev / Home / next) ---- */
body.un-hybrid-portfolio .un-hy-flow {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-top: 48px;
  padding-top: 16px;
  border-top: 1px solid #ececec;
  font-size: 12px;
  line-height: 1.4;
  color: #6a6a6a;
  font-style: italic;
}
body.un-hybrid-portfolio .un-hy-flow a {
  color: #6a6a6a;
  text-decoration: none;
  max-width: 38%;
  transition: color 0.15s ease;
}
body.un-hybrid-portfolio .un-hy-flow a:hover {
  color: #111;
}
body.un-hybrid-portfolio .un-hy-flow .un-hy-flow-prev,
body.un-hybrid-portfolio .un-hy-flow .un-hy-flow-next {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.un-hybrid-portfolio .un-hy-flow .un-hy-flow-prev {
  text-align: left;
  flex: 1 1 0;
}
body.un-hybrid-portfolio .un-hy-flow .un-hy-flow-home {
  flex: 0 0 auto;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: none;
  color: #9a9a9a;
  font-style: normal;
}
body.un-hybrid-portfolio .un-hy-flow .un-hy-flow-next {
  text-align: right;
  flex: 1 1 0;
  margin-left: auto;
}
body.un-hybrid-portfolio .un-hy-flow .un-hy-flow-empty {
  flex: 1 1 0;
  visibility: hidden;
  pointer-events: none;
}

@media (max-width: 680px) {
  body.un-hybrid-portfolio .un-hy-flow {
    flex-wrap: wrap;
    gap: 10px 12px;
    font-size: 11px;
  }
  body.un-hybrid-portfolio .un-hy-flow .un-hy-flow-prev,
  body.un-hybrid-portfolio .un-hy-flow .un-hy-flow-next {
    max-width: 100%;
    white-space: normal;
  }
  body.un-hybrid-portfolio .un-hy-flow .un-hy-flow-home {
    order: -1;
    width: 100%;
    text-align: center;
    margin-bottom: 4px;
  }
}

/* Hybrid chrome trail: uniform 40px under logo */
body.un-hybrid-portfolio .un-hy-chrome .un-hy-trail {
  margin: 40px 0 20px !important;
  padding: 0 !important;
}