/* ─── Premium breadcrumb styles v3 ─────────────────────────────────────── */

.mb-breadcrumb{
    background:#fff;                               /* solid white – cleaner */
    background-image:linear-gradient(135deg,#f9fafb 0%,#ffffff 100%);
    padding:.75rem 0;                              /* ← unchanged */
    border-bottom:1px solid rgba(0,0,0,.05);
    box-shadow:0 1px 2px rgba(0,0,0,.03);          /* subtle lift */
    font-family:Inter,Roboto,sans-serif;
    font-size:.875rem;                             /* bar height unchanged */
    text-transform:uppercase;
    letter-spacing:.03em;
  }
  
  /* list reset + your custom top padding + 1.3 rem size stay intact */
  .mb-breadcrumb__list{
    margin:0;
    padding-top:15px;                              /* ← unchanged */
    list-style:none;
    display:flex;
    flex-wrap:wrap;
    font-size:1.3rem;                              /* ← unchanged */
  }
  
  /* items always centre-aligned */
  .mb-breadcrumb__item{
    display:flex;
    align-items:center;
    font-weight:500;                               /* semi-bold for clarity */
    color:#4b5563;                                 /* slate-600 */
  }
  
  /* chevron divider – lighter & slimmer than / */
  .mb-breadcrumb__item:not(:last-of-type)::after{
    content:"\203A";                               /* › */
    font-size:.8em;
    color:#cbd5e1;                                 /* slate-300 */
    margin:0 .5rem;
  }
  
  /* icon: same physical size, slightly tweaked colour */
  .mb-breadcrumb__icon{
    width:1rem;                                    /* ← unchanged */
    height:1rem;
    margin-right:.3rem;
    fill:#9ca3af;                                  /* slate-400 */
    position:relative;
    top:-1px;                                      /* baseline alignment */
  }
  
  /* link vs current-page colour hierarchy */
  .mb-breadcrumb__link,
  .mb-breadcrumb__current{
    text-decoration:none;
    transition:color .2s ease;
  }
  
  .mb-breadcrumb__link{     color:#4b5563; }       /* slate-600 */
  .mb-breadcrumb__link:hover,
  .mb-breadcrumb__link:focus{
    color:#1f2937;                                /* slate-900 */
  }
  
  .mb-breadcrumb__current{  color:#1f2937; }       /* darker for current */