/* Zona TV: light-mode support (day mode) */
:root {
  --ztv-day: 0;
}
/* Only when body is in day mode (no night-mode-css link present, body bg light).
   We scope via html:not(.night) using body class toggled below by JS. */
html.ztv-day .ztv-shell {
  --bg: #f6f7f9;
  --panel: #ffffff;
  --line: #e3e5e9;
  --text: #1a1c20;
  --muted: #6b6f78;
  background: var(--bg);
  color: var(--text);
}
html.ztv-day .ztv-stage h1,
html.ztv-day .ztv-directory-head h2,
html.ztv-day .ztv-row-head h3,
html.ztv-day .ztv-card-info strong {
  color: #101215;
}
html.ztv-day .ztv-stage-copy > p { color: #5a5e66; }
html.ztv-day .ztv-kicker { color: #6f737c; }
html.ztv-day .ztv-player-card { background: #e9eaee; box-shadow: 0 16px 44px rgba(0,0,0,.14); }
html.ztv-day .ztv-video-wrap { background: #050506; }
html.ztv-day .ztv-share { background: #e2e4e8; color: #22252a; }
html.ztv-day .ztv-watch { background: #101215; color: #fff; }
html.ztv-day .ztv-quick { background: transparent; }
html.ztv-day .ztv-quick button { background: #ffffff; border-color: #dfe1e6; color: #23262b; }
html.ztv-day .ztv-quick button:hover { border-color: #b9bcc4; }
html.ztv-day .ztv-directory-head input { background: #ffffff; border-color: #d8dade; color: #14161a; }
html.ztv-day .ztv-arrow { background: #ffffff; border-color: #d8dade; color: #16181c; }
html.ztv-day .ztv-thumb { background: #ffffff; border-color: #e6e8ec; }
html.ztv-day .ztv-card-info small { color: #7d8189; }
html.ztv-day .ztv-chat { background: #ffffff; border-color: #e2e4e8; }
html.ztv-day .ztv-chat-head { border-bottom-color: #e8eaee; }
html.ztv-day .ztv-chat-form { border-top-color: #e8eaee; }
html.ztv-day .ztv-chat-form input { background: #f4f5f7; border-color: #dcdee3; color: #14161a; }
html.ztv-day .ztv-msg p { color: #2b2e34; }
html.ztv-day .ztv-msg time { color: #8a8e96; }
html.ztv-day .ztv-chat-head>span { color: #087f73; }
html.ztv-day .ztv-status { color: #fff; }
/* also fix main page area around shell in day mode */
html.ztv-day .ztv-shell { box-shadow: none; }
/* mobile sticky quick bar in day mode */
@media(max-width:820px){
  html.ztv-day .ztv-quick { background: rgba(246,247,249,.94); }
}
