/* Ruyapanel - kategori/makale breadcrumb kapsül görünümü geri yükleme
   Footer'a dokunmaz. Özellikle .cat-bc sınıfını hedefler. */
:root{
  --rp-bc-primary: var(--c-chat, var(--ss-neon-primary, #FF3D71));
  --rp-bc-bg: var(--paper, var(--ss-neon-paper, #141414));
}

html body .cat-wrap > .row > [class*="col-"] > .cat-bc,
html body .cat-wrap .cat-bc,
html body .cat-bc,
html body .art-wrap > .row > [class*="col-"] > .art-bc,
html body .art-wrap .art-bc{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  width:100%!important;
  min-height:54px!important;
  margin:22px 0 20px!important;
  padding:10px 18px!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 12% 50%, rgba(255,61,113,.075), transparent 36%),
    linear-gradient(135deg, rgba(255,255,255,.038), rgba(255,255,255,.014))!important;
  border:1px solid rgba(255,61,113,.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045), 0 18px 42px rgba(0,0,0,.20)!important;
  color:rgba(255,255,255,.58)!important;
  box-sizing:border-box!important;
  line-height:1!important;
  overflow:hidden!important;
}

html body .cat-bc a,
html body .art-bc a{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  color:rgba(255,255,255,.58)!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1!important;
  transition:color .22s ease, transform .22s ease!important;
  white-space:nowrap!important;
}

html body .cat-bc a:hover,
html body .art-bc a:hover{
  color:#fff!important;
  transform:translateY(-1px)!important;
}

html body .cat-bc i,
html body .art-bc i{
  color:currentColor!important;
  font-size:13px!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  opacity:.95!important;
}

html body .cat-bc .cat-bc-sep,
html body .art-bc .art-bc-sep{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:rgba(255,255,255,.34)!important;
  font-size:10px!important;
  font-weight:900!important;
  margin:0 1px!important;
  line-height:1!important;
}

html body .cat-bc .cat-bc-cur,
html body .art-bc .art-bc-cur{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  color:var(--rp-bc-primary)!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
}

@media(max-width:640px){
  html body .cat-bc,
  html body .art-bc{
    margin:16px 0 16px!important;
    min-height:48px!important;
    padding:10px 13px!important;
    border-radius:18px!important;
    gap:6px!important;
  }
  html body .cat-bc a,
  html body .cat-bc .cat-bc-cur,
  html body .art-bc a,
  html body .art-bc .art-bc-cur{
    font-size:12px!important;
  }
}