/* Breadcrumb — Quest Global pattern (bcn_display flat spans + container) */

.dd-breadcrumb-bg {
  width: 100%;
}

.dd-breadcrumb-bg--dark {
  background: transparent;
  color: var(--dd-text-on-dark, #fff);
}

.dd-breadcrumb-bg--light {
  background: transparent;
  color: var(--dd-text-on-light, #0a0c0b);
}

.dd-breadcrumb-template-inner {
  margin: 0;
  padding: clamp(0.75rem, 1.5vw, 1.25rem) 0;
}

.dd-breadcrumb-template-inner .dd-container {
  width: min(100% - (var(--dd-page-padding) * 2), var(--dd-max-width));
  margin-inline: auto;
}

/* NavXT flat output: spans + separator text (same approach as Quest) */
.dd-breadcrumb-template-inner {
  color: inherit;
}

.dd-breadcrumb-template-inner span {
  list-style-type: none;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.4;
}

.dd-breadcrumb-template-inner span:first-child {
  padding-left: 0;
}

.dd-breadcrumb-template-inner span a {
  text-decoration: none;
  color: inherit;
  font-weight: 400;
  transition: color 0.3s ease;
}

.dd-breadcrumb-template-inner span a:hover,
.dd-breadcrumb-template-inner span a:focus-visible {
  color: var(--dd-color-signal, #ffb11b);
}

/* Nested span inside links — keep link styling */
.dd-breadcrumb-template-inner span a span {
  color: unset !important;
  font-weight: unset;
  padding: 0;
}

/* Current crumb (inner span without link) — signal color like Quest yellow */
.dd-breadcrumb-bg--dark .dd-breadcrumb-template-inner > span > span,
.dd-breadcrumb-bg--dark .dd-breadcrumb-template-inner span span:not(a span) {
  color: var(--dd-color-signal, #ffb11b);
  font-weight: 600;
  padding: 0;
}

.dd-breadcrumb-bg--light .dd-breadcrumb-template-inner > span > span,
.dd-breadcrumb-bg--light .dd-breadcrumb-template-inner span span:not(a span) {
  color: var(--dd-color-signal, #ffb11b);
  font-weight: 600;
  padding: 0;
}

.dd-breadcrumb-bg--dark .dd-breadcrumb-template-inner {
  color: rgba(255, 255, 255, 0.78);
  padding: 0;
}

.dd-breadcrumb-bg--light .dd-breadcrumb-template-inner {
  color: var(--dd-color-muted, #5c5c5c);
}

.dd-breadcrumb-template-inner span span {
  padding: 0;
}

@media (max-width: 767.98px) {
  .dd-breadcrumb-bg,
  .dd-breadcrumb-template-inner {
    display: none;
  }
}