/* /assets/css/tv.css */

.tv-filters .form-select.form-select-sm,
.tv-filters .form-control.form-control-sm {
  padding: .25rem .5rem;
  min-height: calc(1.5em + .5rem + 2px);
}
.tv-filters .form-check { margin-bottom: 0; }

.sticky-under-nav {
  position: sticky;
  top: calc(var(--nav-h, 56px) + 8px);
  z-index: 101;
}

.autohide {
  transition: transform .28s ease, opacity .28s ease;
  will-change: transform, opacity;
}
.autohide.is-hidden {
  transform: translateY(calc(-100% - 12px));
  opacity: .02;
  pointer-events: none;
}

.player-wrap {
  position: relative;
  border-radius: .75rem;
  overflow: hidden;
  background: #000;
}
.player-wrap video {
  width: 100%;
  height: 100%;
  max-height: 65vh;
  background: #000;
}

.player-controls {
  position: absolute;
  top: .5rem;
  right: .5rem;
  display: flex;
  gap: .5rem;
  z-index: 5;
}
.player-controls .btn {
  --bs-btn-padding-y: .25rem;
  --bs-btn-padding-x: .5rem;
}

.player-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.6));
  text-align: center;
  padding: 1rem;
}

.poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.85);
}

.nav-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
  background: rgba(0,0,0,.45);
  color: #fff;
  border: none;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-arrow:hover { background: rgba(0,0,0,.65); }
.nav-prev { left: .5rem; }
.nav-next { right: .5rem; }

.upnext-thumb img{
  object-fit: cover;
  border-radius: .375rem;
}

.player-tap-unmute{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: .75rem;
  z-index: 7;
}