/* Container */
.qrt-breadcrumbs,
#breadcrumbs,
nav[aria-label="Breadcrumb"] {
  font-size: 16px;
  color: #002661;
  font-weight: 600;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

/* Reset lists if the plugin outputs <ul> */
.qrt-breadcrumbs ul,
.qrt-breadcrumbs ol {
  margin: 0;
  padding: 0;
  list-style: none;
  display: contents; /* treat <li> as flex items */
}

/* Links */
.qrt-breadcrumbs a {
    text-decoration: none !important;
    letter-spacing: 0.02em;
}

.qrt-breadcrumbs a:hover {
  text-decoration: underline;
}

.qrt-breadcrumbs a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
  border-radius: 2px;
}

/* Current page (no link) */
.qrt-breadcrumbs .current,
.qrt-breadcrumbs [aria-current="page"],
.qrt-breadcrumbs .qrt-breadcrumb_last {
  font-weight: normal;
}

/* Separator (if plugin outputs its own element) */
.qrt-breadcrumbs .separator,
.qrt-breadcrumbs .bcn_separator {
  color: #aaa;
  user-select: none;
}

/* Optional: inject a separator if plugin doesn’t output one */
.qrt-breadcrumbs span + span::before,
.qrt-breadcrumbs li + li::before {
  content: "›";
  color: #aaa;
  margin-right: 0.5rem;
}

/* Responsive tweak: compact on small screens */
@media (max-width: 480px) {
  .qrt-breadcrumbs {
    font-size: 0.8rem;
    gap: 0.25rem;
  }
}

.qrt-breadcrumbs .post-post.current-item::before {
  content: none !important;
}

.post.post-post.current-item, .post.post-faq.current-item {
    display: none;
}

.qrt-breadcrumbs [property="itemListElement"]:last-of-type::before {
    content: none;
  }