/* Castro Group shared breadcrumb polish. Mirrors the Hesperia landing breadcrumb treatment. */
.breadcrumbs {
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  width:fit-content !important;
  max-width:100% !important;
  margin:0 0 18px !important;
  padding:8px 10px !important;
  border:1px solid rgba(111,75,216,.14) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.78) !important;
  box-shadow:0 12px 28px rgba(31,37,44,.06) !important;
  backdrop-filter:blur(10px) !important;
  color:var(--muted,#66727d) !important;
  font-size:13px !important;
  line-height:1.2 !important;
}

.breadcrumbs a,
.breadcrumbs .current,
.breadcrumbs > span:last-child {
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  min-height:30px !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  text-decoration:none !important;
  font-weight:800 !important;
  line-height:1.2 !important;
}

.breadcrumbs a {
  color:var(--breadcrumb-accent,var(--accent,var(--blue,var(--teal,#6f4bd8)))) !important;
  background:rgba(111,75,216,.08) !important;
  transition:background .16s ease, transform .16s ease, box-shadow .16s ease !important;
}

.breadcrumbs a:first-child::before {
  content:"⌂";
  font-size:13px;
  line-height:1;
  opacity:.9;
}

.breadcrumbs a:hover {
  background:rgba(111,75,216,.14) !important;
  transform:translateY(-1px) !important;
  text-decoration:none !important;
}

.breadcrumbs > span {
  color:rgba(102,114,125,.58) !important;
  font-weight:900 !important;
}

.breadcrumbs .sep,
.breadcrumbs > span:not(:last-child):not(.current) {
  min-height:auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.breadcrumbs .current,
.breadcrumbs > span:last-child {
  color:var(--text,#1f252c) !important;
  background:#fff !important;
  border:1px solid rgba(45,57,64,.08) !important;
}

@media (max-width:560px) {
  .breadcrumbs { border-radius:22px !important; }
  .breadcrumbs a,
  .breadcrumbs .current,
  .breadcrumbs > span:last-child { padding-inline:9px !important; }
}