/* Chrome de TV ao vivo — sem os controles nativos de filme. */
.player-box video::-webkit-media-controls { display: none !important; }
.player-box.is-native video::-webkit-media-controls { display: flex !important; }

.player-tv {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #fff;
}
.player-box.is-native .player-tv,
.player-box.is-idle:not(.is-paused) .player-tv { opacity: 0; pointer-events: none; }
.player-box.is-idle:not(.is-paused) .player-tv { transition: opacity .35s ease; }

.player-tv-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3.4rem;
  height: 3.4rem;
  border: 0;
  border-radius: 50%;
  background: color-mix(in srgb, #000 62%, transparent);
  color: #fff;
  display: none;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.player-box.is-paused .player-tv-center { display: inline-flex; }
.player-tv-center .silk { width: 22px; height: 22px; flex-basis: 22px; }

.player-tv-bar {
  display: flex;
  align-items: center;
  gap: .4rem;
  min-height: 2.4rem;
  padding: .35rem .55rem .4rem;
  background: color-mix(in srgb, #000 78%, transparent);
}
.player-tv-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.85rem;
  height: 1.85rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  line-height: 0;
  flex: 0 0 auto;
}
.player-tv-btn:hover,
.player-tv-btn:focus-visible,
.player-tv-center:hover,
.player-tv-center:focus-visible,
.player-tv-live:hover,
.player-tv-live:focus-visible {
  background: color-mix(in srgb, #fff 14%, transparent);
  outline: none;
}
.player-tv-btn:focus-visible,
.player-tv-center:focus-visible,
.player-tv-live:focus-visible { box-shadow: 0 0 0 2px #fff; }

.player-box:not(.is-paused) .player-tv .is-play,
.player-box.is-paused .player-tv .is-pause,
.player-box:not(.is-muted) .player-tv .is-muted,
.player-box.is-muted .player-tv .is-vol,
.player-box:not(.is-full) .player-tv .is-in,
.player-box.is-full .player-tv .is-out { display: none; }

.player-tv-live {
  flex: 0 0 auto;
  border: 0;
  background: #b71c1c;
  color: #fff;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .07em;
  padding: .18rem .45rem;
  border-radius: .15rem;
  line-height: 1.2;
}
.player-tv-live.is-behind { background: #3a3a3a; color: #ddd; }
.player-tv-delay {
  font-size: .75rem;
  color: #ddd;
  white-space: nowrap;
}
.player-tv-grow { flex: 1 1 auto; min-width: .5rem; }
.player-tv-vod {
  display: flex;
  align-items: center;
  gap: .35rem;
  flex: 1 1 auto;
  min-width: 0;
}
.player-tv-time {
  font-size: .72rem;
  font-variant-numeric: tabular-nums;
  color: #ddd;
  min-width: 2.4rem;
}
.player-tv-seek,
.player-tv-vol {
  accent-color: #e0e0e0;
  height: 0.35rem;
  margin: 0;
}
.player-tv-seek { flex: 1 1 auto; min-width: 4rem; }
.player-tv-vol { width: 4.2rem; flex: 0 0 auto; }
.player-tv-q { display: inline-flex; flex: 0 0 auto; }
.player-tv-q .player-q { padding-right: 0; }

.player-box:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }

@media (max-width: 575.98px) {
  .player-tv-vol { display: none; }
  .player-tv-center { width: 2.8rem; height: 2.8rem; }
}