/* Shared page breadcrumbs; merge into the shared sheet after concurrent redesign work. */
.page-breadcrumbs {
  margin: 0;
  padding: 0;
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, .05);
}

.page-breadcrumbs > .page-breadcrumbs__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  box-sizing: border-box;
  width: 100%;
  max-width: var(--max-width);
  margin-inline: auto;
  padding: 12px 2rem;
}

/* All Trips owns wider result containers; keep its breadcrumb on the shared grid. */
#filter_tours .page-breadcrumbs > .page-breadcrumbs__inner {
  width: 100%;
  max-width: var(--max-width);
  padding-inline: 2rem;
}

.page-breadcrumbs__list,
.page-breadcrumbs .breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .25rem .5rem;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  font: 400 12px/18px "Source Sans 3", "Source Sans Pro", sans-serif;
}

.page-breadcrumbs__list li,
.page-breadcrumbs .breadcrumbs li {
  display: flex;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  max-width: 100%;
}

.page-breadcrumbs__list a,
.page-breadcrumbs__list [aria-current],
.page-breadcrumbs .breadcrumbs li a {
  color: #fff;
  font: inherit;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.page-breadcrumbs__list a,
.page-breadcrumbs .breadcrumbs li a[href] {
  transition: color .2s;
}

.page-breadcrumbs__list a:hover,
.page-breadcrumbs .breadcrumbs li a[href]:hover {
  color: var(--tru-pink);
}

.page-breadcrumbs__list [aria-current],
.page-breadcrumbs .breadcrumbs li a:not([href]) {
  font-weight: 700;
}

.page-breadcrumbs__separator,
.page-breadcrumbs .breadcrumbs li.divider {
  color: #6b7280;
}

/* Accounts need space above the trail because they have no page hero. */
.page-breadcrumbs--account {
  padding-top: 112px;
}

/* Tour breadcrumbs also retain their separate All Country Trips action. */
.page-breadcrumbs--tour .breadcrumbs_back {
  flex-shrink: 0;
}

@media (max-width: 1024px) {
  .page-breadcrumbs > .page-breadcrumbs__inner,
  #filter_tours .page-breadcrumbs > .page-breadcrumbs__inner {
    padding-inline: 1.5rem;
  }
}

@media (max-width: 639px) {
  .page-breadcrumbs--account {
    padding-top: 96px;
  }
}

@media (max-width: 640px) {
  .page-breadcrumbs > .page-breadcrumbs__inner,
  #filter_tours .page-breadcrumbs > .page-breadcrumbs__inner {
    padding-inline: 1rem;
  }
}