/* DJDUNIA admin-managed category shortcuts, isolated from existing remixer pills. */
.djd-category-quicknav {
  --djd-nav-accent:var(--pulse-accent,var(--sa-accent,var(--blue20-theme,var(--djd-nav-default,#3616c7))));
  box-sizing:border-box; width:100%; max-width:100%; padding:5px 7px; margin:3px auto 6px;
  border:1px solid color-mix(in srgb,var(--djd-nav-accent) 50%,#0b1724);
  border-radius:9px; background:#0e1830; background:linear-gradient(180deg,color-mix(in srgb,var(--djd-nav-accent) 44%,#07101b),color-mix(in srgb,var(--djd-nav-accent) 24%,#060c12));
  box-shadow:0 3px 13px rgba(0,0,0,.13); overflow:hidden;
}
.djd-category-quicknav .djd-category-quicknav-scroll {
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 7px;
  width:100%;box-sizing:border-box;min-width:0;
}
.djd-category-quicknav .djd-category-quicknav-link,
body.blue20-body .djd-category-quicknav .djd-category-quicknav-link {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  margin:2px 1px!important; padding:5px 11px!important; min-height:27px!important;
  border:1px solid rgba(255,255,255,.30)!important;border-radius:22px!important;
  background:var(--djd-nav-accent)!important;color:#fff!important;
  font-size:11px!important;font-weight:700!important;line-height:17px!important;
  white-space:nowrap!important;text-decoration:none!important;text-transform:none!important;
  text-shadow:none!important;letter-spacing:normal!important;box-shadow:0 2px 7px rgba(0,0,0,.24)!important;
  transition:filter .15s ease, transform .15s ease, box-shadow .15s ease;
}
.djd-category-quicknav .djd-category-quicknav-link:hover,
.djd-category-quicknav .djd-category-quicknav-link:focus-visible,
body.blue20-body .djd-category-quicknav .djd-category-quicknav-link:hover,
body.blue20-body .djd-category-quicknav .djd-category-quicknav-link:focus-visible {
  filter:brightness(1.15)!important;transform:translateY(-1px)!important;
  color:#fff!important;box-shadow:0 3px 9px rgba(0,0,0,.32)!important;
}
@media(max-width:700px){.djd-category-quicknav{padding:4px 5px;border-radius:6px}.djd-category-quicknav .djd-category-quicknav-scroll{justify-content:center;gap:2px 4px}}
@media(prefers-reduced-motion:reduce){.djd-category-quicknav a{transition:none!important}}