/* ── PVS Source Switcher v4.0 — overlay on top of theme's Video.js ────── */

.pvs-host { position: relative; }

.pvs-source-bar {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;                /* above Video.js controls */
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 5px;
  padding: 10px 12px 24px;
  background: linear-gradient(135deg, rgba(0,0,0,0.55) 0%, transparent 65%);
  max-width: 70%;
  pointer-events: none;        /* let clicks pass through gaps to player */
}

.pvs-source-bar .pvs-btn {
  pointer-events: auto;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  padding: 4px 11px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.20);
  background: rgba(0,0,0,0.62);
  color: rgba(255,255,255,0.85);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: background 0.15s, color 0.15s, border-color 0.15s, transform 0.1s;
  line-height: 1.4;
}

.pvs-source-bar .pvs-btn:hover {
  background: rgba(255,255,255,0.18);
  color: #fff;
  border-color: rgba(255,255,255,0.4);
  transform: translateY(-1px);
}

.pvs-source-bar .pvs-btn.pvs-active {
  background: #E83D67;
  border-color: #E83D67;
  color: #fff;
  box-shadow: 0 0 10px rgba(232,61,103,0.45);
}

.pvs-source-bar .pvs-emergency {
  background: rgba(249,115,22,0.22);
  border-color: rgba(249,115,22,0.42);
  color: #fb923c;
}
.pvs-source-bar .pvs-emergency:hover { background: rgba(249,115,22,0.35); color: #fed7aa; }
.pvs-source-bar .pvs-emergency.pvs-active {
  background: #f97316;
  border-color: #f97316;
  color: #fff;
  box-shadow: 0 0 10px rgba(249,115,22,0.5);
}

/* No-sources placeholder */
.pvs-unavailable {
  padding: 40px 20px;
  background: #060606;
  color: rgba(255,255,255,0.25);
  text-align: center;
  font-size: 13px;
  border-radius: 8px;
}

@media (max-width: 600px) {
  .pvs-source-bar         { padding: 8px 8px 18px; gap: 4px; max-width: 80%; }
  .pvs-source-bar .pvs-btn{ padding: 3px 9px; font-size: 10px; }
}