/* ============================================================
   Smart-TV / kiosk layout.
   Activated by either:
     - ?tv=1 in URL  (body.eos-tv-mode)
     - viewport >= 1600px AND the watch page (auto)
   Hides chrome, fullscreens the player, increases type, surfaces
   overlay info instead of side panel.
   ============================================================ */

body.eos-tv-mode .eos-statusbar,
body.eos-tv-mode .eos-nav,
body.eos-tv-mode .eos-next-steps,
body.eos-tv-mode .eos-footer { display: none; }

body.eos-tv-mode .eos-watch {
  grid-template-columns: 1fr;
  max-width: none;
  margin: 0;
  padding: 0;
  gap: 0;
}
body.eos-tv-mode .eos-side { display: none; }
body.eos-tv-mode .eos-player {
  width: 100vw; height: 100vh; aspect-ratio: auto;
  border-radius: 0; box-shadow: none;
}
body.eos-tv-mode .eos-watch-meta,
body.eos-tv-mode .eos-watch-description,
body.eos-tv-mode .eos-watch-replays { display: none; }

body.eos-tv-mode .eos-player-controls {
  font-size: 22px;
  padding: 16px 24px;
  bottom: 32px; left: 32px; right: 32px;
}
body.eos-tv-mode .eos-pc-btn { width: 56px; height: 56px; font-size: 18px; }

/* Auto-engage at TV scale */
@media (min-width: 1900px) {
  body.eos-tv-mode .eos-player-offair h2 { font-size: 96px; }
  body.eos-tv-mode .eos-countdown-unit .num { font-size: 72px; }
  body.eos-tv-mode .eos-countdown-unit { padding: 24px 32px; min-width: 140px; }
}