/* theme-fuchsia.css — Fuchsia */
html, body { background: #160f16; color: #e8eef2; }
.vb-header { background: rgba(22,15,22,.95); }
.vb-nav-link { color: #f0abfc; }
.vb-nav-link:hover { color: #fff; }

/* Category pills = accent */
.vb-filter-bar .vb-tag-pill:not(.vb-tag-pill-alt):hover { background: rgba(232,121,249,.3); }
.vb-card:hover { border-color: rgba(232,121,249,.5); }
.vb-tag-pill:not(.vb-tag-pill-alt) { background: rgba(232,121,249,.15); color: #f0abfc; }
a.vb-tag-pill:not(.vb-tag-pill-alt):hover { background: rgba(232,121,249,.3); }
a.vb-tag-pill.vb-tag-more:not(.vb-tag-pill-alt) {
  background: rgba(232,121,249,.25) !important; color: #f0abfc !important;
}
a.vb-tag-pill.vb-tag-more:not(.vb-tag-pill-alt):hover {
  background: rgba(232,121,249,.4) !important;
}

/* Tag pills = xám trung tính (khác category) — phải khai báo SAU .vb-tag-pill */
.vb-tag-pill-alt {
  background: rgba(255,255,255,.08) !important;
  color: #cbd5e1 !important;
}
a.vb-tag-pill-alt:hover {
  background: rgba(255,255,255,.16) !important;
  color: #f1f5f9 !important;
}
a.vb-tag-pill-alt.vb-tag-more {
  background: rgba(255,255,255,.12) !important;
  color: #e2e8f0 !important;
}
a.vb-tag-pill-alt.vb-tag-more:hover {
  background: rgba(255,255,255,.2) !important;
}

/* Pagination — class đúng là .vb-page-current */
.vb-server-btn:hover:not(:disabled) { border-color: rgb(232,121,249); }
.vb-server-btn.vb-active { background: #c026d3; border-color: #c026d3; color: #fff; }
a.vb-page-btn:hover { border-color: rgb(232,121,249); color: #fff; background: rgba(232,121,249,.12); }
.vb-page-current,
span.vb-page-btn.vb-page-current {
  background: #c026d3 !important;
  border-color: #c026d3 !important;
  color: #fff !important;
}

.vb-term-item:hover { border-color: rgba(232,121,249,.45); background: rgba(232,121,249,.08); }
.vb-term-item:hover .vb-term-arrow { color: #f0abfc; }
.vb-search-btn:hover { color: rgb(232,121,249); }
.vb-top-search-item:hover { border-color: rgba(232,121,249,.4); background: rgba(232,121,249,.12); }
.vb-top-search-rank { background: rgba(232,121,249,.2); color: #f0abfc; }
.vb-brand svg { stroke: rgb(232,121,249) !important; }
.vb-brand svg path[fill] { fill: rgb(232,121,249) !important; }

/* Like button theo theme */
.vb-like-btn:hover:not(:disabled) {
  border-color: rgb(232,121,249);
  color: #f0abfc;
}
.vb-like-btn.vb-liked,
.vb-server-btn.vb-like-btn.vb-liked {
  background: #c026d3 !important;
  border-color: #c026d3 !important;
  color: #fff !important;
}
.vb-like-btn.vb-liked:hover:not(:disabled),
.vb-server-btn.vb-like-btn.vb-liked:hover:not(:disabled) {
  filter: brightness(1.08);
  color: #fff !important;
}