/* theme-violet.css — Tím */
html, body { background: #120f1a; color: #e8eef2; }
.vb-header { background: rgba(18,15,26,.95); }
.vb-nav-link { color: #c4b5fd; }
.vb-nav-link:hover { color: #fff; }

/* Category pills = accent */
.vb-filter-bar .vb-tag-pill:not(.vb-tag-pill-alt):hover { background: rgba(167,139,250,.3); }
.vb-card:hover { border-color: rgba(167,139,250,.5); }
.vb-tag-pill:not(.vb-tag-pill-alt) { background: rgba(167,139,250,.15); color: #c4b5fd; }
a.vb-tag-pill:not(.vb-tag-pill-alt):hover { background: rgba(167,139,250,.3); }
a.vb-tag-pill.vb-tag-more:not(.vb-tag-pill-alt) {
  background: rgba(167,139,250,.25) !important; color: #c4b5fd !important;
}
a.vb-tag-pill.vb-tag-more:not(.vb-tag-pill-alt):hover {
  background: rgba(167,139,250,.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(167,139,250); }
.vb-server-btn.vb-active { background: #7c3aed; border-color: #7c3aed; color: #fff; }
a.vb-page-btn:hover { border-color: rgb(167,139,250); color: #fff; background: rgba(167,139,250,.12); }
.vb-page-current,
span.vb-page-btn.vb-page-current {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  color: #fff !important;
}

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

/* Like button theo theme */
.vb-like-btn:hover:not(:disabled) {
  border-color: rgb(167,139,250);
  color: #c4b5fd;
}
.vb-like-btn.vb-liked,
.vb-server-btn.vb-like-btn.vb-liked {
  background: #7c3aed !important;
  border-color: #7c3aed !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;
}