/* breadcrumbs.css — Lyren homepage style breadcrumbs */

.ly-breadcrumb-wrap{
  margin-top: 18px;      /* spacing below navbar */
  margin-bottom: 18px;   /* spacing before content */
  position: relative;
  z-index: 1;
}

.ly-breadcrumb{
  list-style: none;
  padding: 12px 14px;
  border-radius: 999px;
  border: 1px solid rgba(227,197,107,.16);
  background:
    radial-gradient(900px 260px at 20% 0%, rgba(227,197,107,.08), transparent 55%),
    radial-gradient(700px 240px at 80% 10%, rgba(102,61,41,.18), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  box-shadow: 0 18px 55px rgba(0,0,0,.45);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
}

/* Bootstrap breadcrumb separators */
.ly-breadcrumb .breadcrumb-item + .breadcrumb-item::before{
  color: rgba(242,236,232,.55);
  font-weight: 900;
  padding: 0 10px;
}

/* Links */
.ly-bc-link{
  color: rgba(227,197,107,.92);
  text-decoration: none;
  font-weight: 950;
  letter-spacing: -0.01em;
}
.ly-bc-link:hover{
  color: rgba(227,197,107,.98);
  text-decoration: underline;
}

/* Current page */
.ly-bc-active{
  color: rgba(255,255,255,.95) !important;
  font-weight: 950;
}
/* Optional: tiny icon dot like homepage chips */
.ly-breadcrumb-wrap::before{
  content:"";
  position:absolute;
  left: 50%;
  top: -8px;
  transform: translateX(-50%);
  width: 86%;
  height: 1px;
  background: rgba(227,197,107,.10);
  opacity: .7;
  pointer-events: none;
}

/* Mobile */
@media (max-width: 575.98px){
  .ly-breadcrumb{ padding: 10px 12px; border-radius: 18px; }
  .ly-breadcrumb .breadcrumb-item + .breadcrumb-item::before{ padding: 0 8px; }
}