/*
 * Dark ChainStreet — main.css v7.0
 * Supplemental only. Core layout/typography is inline per-template.
 */

/* ── Ticker ── */
#cs-ticker-track { animation: cs-scroll 50s linear infinite; display:inline-flex; align-items:center; height:100%; white-space:nowrap; }
#cs-ticker-track:hover { animation-play-state: paused; }
.cs-tick-item   { display:inline-flex; align-items:center; gap:6px; margin:0 18px; cursor:pointer; padding:2px 6px; transition:background .2s; }
.cs-tick-item:hover { background:rgba(255,255,255,.05); }
.cs-tick-sym    { font-family:var(--mono); font-size:11px; font-weight:700; color:var(--chain-muted); letter-spacing:.05em; }
.cs-tick-price  { font-family:var(--mono); font-size:11px; color:var(--chain-text); }
.cs-tick-change { font-family:var(--mono); font-size:10px; display:inline-flex; align-items:center; gap:1px; }

/* ── Wire feed (JS-rendered) ── */
#cs-wire-inner  { will-change:transform; }

/* ── Search overlay ── */
.cs-search-overlay.open { display:flex !important; }

/* ── Mobile drawer ── */
#cs-drawer.open { display:flex !important; }

/* ── Light mode ── */
/* Light mode overrides */
html:not(.dark-mode) #cs-header { background:var(--chain-bg); border-color:var(--chain-border); }
/* tick-sym color handled by CSS var automatically */
html:not(.dark-mode) .cs-tick-item:hover { background:rgba(0,0,0,.05); }

/* PR ad spacing */
.cs-pr-ad { margin: 2em 0 !important; }