/* ═══════════════════════════════════════════════════════════════════════
   Home page, light theme — colours only (inspired by concepts/Home Light.svg).
   Layout, sizes, fonts and the notice banner are exactly the same as in dark
   mode; this file only recolours title bars, card backgrounds, borders and
   text. Scoped to the light theme on body.home-page.
   ═══════════════════════════════════════════════════════════════════════ */

/* Title bars (bright gradient per panel) are defined in styles.css, shared with dark mode when glow effects are off. */

/* ── Card bodies: light grey fading to white, grey border ──────────────── */
html[data-theme="light"] body.home-page .main-content .home-panel-body {
  background: linear-gradient(to bottom, #ebebeb 0%, #fff 30%);
  border-color: #adadad;
  box-shadow: inset 0 2px 0 #fff;
  color: #000;
}
html[data-theme="light"] body.home-page .main-content .home-panel-body :is(p, li, label, h3, h4, dt, dd, td, th, small) { color: #000; }

/* ── Featured video card sits directly on the body ─────────────────────── */
html[data-theme="light"] body.home-page .featured-video-card { background: none; border-color: transparent; }
html[data-theme="light"] body.home-page .featured-video-info h3 { color: #000; }
html[data-theme="light"] body.home-page .featured-video-meta { color: #686868; }
html[data-theme="light"] body.home-page .featured-video-desc { color: #000; }

/* ── Pinned post ───────────────────────────────────────────────────────── */
html[data-theme="light"] body.home-page .shame-pin-card { background: linear-gradient(to bottom, #eee, #cfcfcf); }
html[data-theme="light"] body.home-page .shame-pin-meta { color: #00a878; }
html[data-theme="light"] body.home-page .shame-pin-meta span { color: #7a7a7a; }
html[data-theme="light"] body.home-page .shame-pin-title { color: #000; }

/* ── List rows (Albums / Tutorials / Artists) ──────────────────────────── */
html[data-theme="light"] body.home-page .glow-list-row { border-bottom-color: rgba(0, 0, 0, 0.35); }
html[data-theme="light"] body.home-page .glow-list-row:hover { background: rgba(0, 0, 0, 0.05); }
html[data-theme="light"] body.home-page .glow-list-thumb { background: #2c2c2c; }
html[data-theme="light"] body.home-page .glow-list-title { color: #000; }
html[data-theme="light"] body.home-page .glow-list-sub { color: #333; }

/* ── Console leaderboard (colours are set inline, hence !important) ────── */
html[data-theme="light"] body.home-page .console-vote-row { border-bottom-color: rgba(0, 0, 0, 0.35) !important; }
html[data-theme="light"] body.home-page .console-vote-row > span:nth-of-type(2) { color: #000 !important; }
html[data-theme="light"] body.home-page .console-vote-row > span:nth-of-type(3) { color: #444 !important; }
html[data-theme="light"] body.home-page .console-vote-row > span:first-child { color: #666 !important; }
html[data-theme="light"] body.home-page .console-vote-row:nth-child(1) > span:first-child { color: #9a7400 !important; }
html[data-theme="light"] body.home-page .console-vote-row:nth-child(2) > span:first-child { color: #707070 !important; }
html[data-theme="light"] body.home-page .console-vote-row:nth-child(3) > span:first-child { color: #a0522d !important; }
html[data-theme="light"] body.home-page .console-vote-row.is-leading {
  background: linear-gradient(to right, rgba(0, 255, 106, 0), rgba(0, 255, 106, 0.6)) !important;
  box-shadow: none;
}
html[data-theme="light"] body.home-page .console-vote-row.is-leading .console-check { color: #000 !important; text-shadow: none; }