/* Valdibia Streamers Plugin v1.0.7
 * Theme strategy: inherit typography + foreground from the active Valdibia/MyAAC theme.
 * No independent light/dark switch is introduced.
 */
.vdbst-root{
  --vdbst-gold:#d9a83e;
  --vdbst-gold-2:#f0c866;
  --vdbst-live:#e53935;
  --vdbst-violet:#8b49ff;
  --vdbst-violet-2:#6f3bf0;
  --vdbst-radius:15px;
  width:min(100%,1248px);
  margin:18px auto 20px;
  padding:0;
  color:inherit;
  font:inherit;
  box-sizing:border-box;
}
.vdbst-root *{box-sizing:border-box}
.vdbst-shell{
  overflow:hidden;
  border:1px solid color-mix(in srgb,currentColor 14%,transparent);
  border-radius:var(--vdbst-radius);
  background:color-mix(in srgb,#101522 94%,currentColor 6%);
  box-shadow:0 12px 34px rgba(0,0,0,.16);
  color:inherit;
}
.vdbst-shell > .vdbst-head{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  inset:auto!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:36px!important;
  margin:0!important;
  padding:8px 14px!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
  background:#8447f5!important;
  background-image:linear-gradient(90deg,#7440ec 0%,#914aff 55%,#8b49ff 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
  color:#fff!important;
  font:inherit!important;
  transform:none!important;
  z-index:3!important;
}
.vdbst-shell > .vdbst-head .vdbst-heading{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;margin:0!important;padding:0!important;color:#fff!important}
.vdbst-shell > .vdbst-head .vdbst-heading strong{display:block!important;margin:0!important;padding:0!important;font-size:12px!important;line-height:20px!important;letter-spacing:.06em!important;font-weight:900!important;color:#fff!important;white-space:nowrap!important;text-transform:uppercase!important}
.vdbst-kicker{display:none}
.vdbst-shell > .vdbst-head .vdbst-live-summary{display:inline-flex!important;visibility:visible!important;opacity:.96!important;align-items:center!important;gap:6px!important;margin:0!important;padding:0!important;font-size:10px!important;line-height:20px!important;font-weight:900!important;letter-spacing:.05em!important;white-space:nowrap!important;color:#fff!important}
.vdbst-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--vdbst-live);box-shadow:0 0 0 3px rgba(229,57,53,.12)}
.vdbst-wrap{position:relative;padding:12px 13px 11px}
.vdbst-track{
  display:flex;
  gap:10px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  -ms-overflow-style:none;
  padding:0 1px 5px;
}
.vdbst-track::-webkit-scrollbar{display:none;width:0;height:0}
.vdbst-card{
  flex:0 0 246px;
  min-width:0;
  overflow:hidden;
  display:block;
  scroll-snap-align:start;
  text-decoration:none!important;
  color:inherit!important;
  border:1px solid color-mix(in srgb,currentColor 15%,transparent);
  border-radius:12px;
  background:color-mix(in srgb,currentColor 4.5%,transparent);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.vdbst-card:hover{
  transform:translateY(-2px);
  border-color:rgba(217,168,62,.72);
  box-shadow:0 10px 24px rgba(0,0,0,.16);
  background:color-mix(in srgb,currentColor 6%,transparent);
}
.vdbst-card.is-live{border-color:rgba(229,57,53,.58)}
.vdbst-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:rgba(0,0,0,.28)}
.vdbst-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.vdbst-card:hover .vdbst-thumb{transform:scale(1.025)}
.vdbst-offline-art{
  width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  color:inherit;background:
    radial-gradient(circle at 50% 22%,rgba(217,168,62,.17),transparent 43%),
    linear-gradient(135deg,rgba(217,168,62,.06),rgba(0,0,0,.12));
}
.vdbst-platform-mark{
  display:grid;place-items:center;width:45px;height:45px;border-radius:50%;
  border:1px solid rgba(217,168,62,.6);color:var(--vdbst-gold-2);font-size:18px;font-weight:900;
  background:rgba(0,0,0,.12)
}
.vdbst-platform-name{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;opacity:.65}
.vdbst-live-badge,.vdbst-watch-badge,.vdbst-viewers{
  position:absolute;z-index:2;border-radius:5px;font-size:9px;font-weight:900;line-height:1;letter-spacing:.05em
}
.vdbst-live-badge{top:8px;left:8px;display:flex;align-items:center;gap:5px;background:var(--vdbst-live);color:#fff;padding:5px 7px}
.vdbst-live-badge .vdbst-live-dot{width:6px;height:6px;background:#fff;box-shadow:none}
.vdbst-watch-badge{top:8px;left:8px;background:rgba(0,0,0,.72);color:#fff;padding:5px 7px;border:1px solid rgba(255,255,255,.16)}
.vdbst-viewers{left:8px;bottom:8px;background:rgba(0,0,0,.76);color:#fff;padding:5px 7px}
.vdbst-info{display:flex;gap:9px;align-items:center;padding:10px 10px 11px;min-height:65px}
.vdbst-avatar{flex:0 0 36px;width:36px;height:36px;border-radius:50%;overflow:hidden;display:grid;place-items:center;border:1px solid color-mix(in srgb,currentColor 18%,transparent);background:color-mix(in srgb,currentColor 7%,transparent);font-size:10px;font-weight:900;color:var(--vdbst-gold)}
.vdbst-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.vdbst-copy{display:block;min-width:0;line-height:1.2}
.vdbst-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;color:inherit}
.vdbst-meta{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;opacity:.64}
.vdbst-title{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;opacity:.52}
.vdbst-promo{display:inline-block;margin-top:4px;padding:2px 5px;border-radius:4px;background:rgba(217,168,62,.12);color:var(--vdbst-gold);font-size:8px;font-weight:800;letter-spacing:.03em}
.vdbst-arrow{
  position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:34px;height:34px;padding:0;
  display:grid;place-items:center;border-radius:50%;border:1px solid color-mix(in srgb,currentColor 18%,transparent);
  background:color-mix(in srgb,currentColor 7%,transparent);color:inherit;font:800 22px/1 inherit;cursor:pointer;
  box-shadow:0 4px 14px rgba(0,0,0,.16);opacity:.92;transition:opacity .15s ease,transform .15s ease
}
.vdbst-arrow:hover{opacity:1;transform:translateY(-50%) scale(1.04);border-color:rgba(217,168,62,.7)}
.vdbst-prev{left:6px}.vdbst-next{right:6px}
@media (max-width:900px){.vdbst-root{width:100%;margin:14px auto}.vdbst-card{flex-basis:232px}.vdbst-kicker{display:none}}
@media (max-width:640px){.vdbst-root{margin:10px 0 16px}.vdbst-shell{border-radius:12px}.vdbst-head{padding:9px 11px}.vdbst-heading strong{font-size:12px}.vdbst-wrap{padding:10px}.vdbst-card{flex-basis:210px}.vdbst-arrow{display:none}}
@media (hover:none){.vdbst-arrow{display:none}.vdbst-card:hover{transform:none}}
@media (prefers-reduced-motion:reduce){.vdbst-card,.vdbst-thumb,.vdbst-arrow{transition:none!important}.vdbst-track{scroll-behavior:auto!important}}

.vdbst-track{scrollbar-width:none!important;-ms-overflow-style:none!important}
.vdbst-track::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

/* v1.0.7: Valdibia theme collision hardening.
 * The theme styles semantic <header> elements globally; the streamer bar now uses a DIV
 * and these rules intentionally win against page-level header/nav declarations. */
#vdbStreamersRoot .vdbst-shell > .vdbst-head{box-sizing:border-box!important;}
#vdbStreamersRoot .vdbst-shell > .vdbst-head *{box-sizing:border-box!important;}