/* Crypto Categories hub and sector pages — live blocks (inc/live/sectors.php, assets/js/p/categories.js, category.js).
 * The same rules serve both page keys (assets/css/live/category.css imports nothing: it is a copy of this file). */

/* sector colours: the sector term's colours (style="--wc-c:…;--wc-cl:…" → --wc-cat, components.css) */
main [data-wc-sd] { background: var(--wc-cat) !important; }
main [data-wc-st] { color: var(--wc-cat) !important; }

/* up / down where the design drew one look only (design tokens: they follow the theme) */
html main [data-wc-cg="up"] { color: var(--t6omCql) !important; }
html main [data-wc-cg="dn"] { color: var(--tfsdAxk) !important; }
html main [data-wc-cg="flat"] { color: var(--tLgByEz) !important; }
html main [data-wc-cb="dn"] { background: var(--txNy74E) !important; color: var(--tfsdAxk) !important; }
html main [data-wc-cb="flat"] { background: var(--tUSpkKN) !important; color: var(--tLgByEz) !important; }

/* sortable tables: the sorted column is bright, its arrow shows the direction */
main [data-wc-sort] { transition: color .3s cubic-bezier(.25, .1, .25, 1); }
main [data-wc-sort][aria-sort="none"] { color: #86868B !important; }
main [data-wc-sort]:not([aria-sort="none"]) { color: var(--tZYQMwj) !important; }
main [data-wc-sort][aria-sort="none"]:hover { color: var(--tZYQMwj) !important; }
main [data-wc-sort] > svg { opacity: 0 !important; transform: rotate(0deg) !important; }
main [data-wc-sort][aria-sort="ascending"] > svg { opacity: 1 !important; transform: rotate(180deg) !important; }
main [data-wc-sort][aria-sort="descending"] > svg { opacity: 1 !important; transform: rotate(0deg) !important; }
main [data-wc-sort=""] { cursor: default !important; }
main [data-wc-sort=""]:hover { color: #86868B !important; }
/* the last row closes the table (rows change places when sorted) */
main [data-wc-table] > a { border-radius: 0 !important; box-shadow: var(--tT5L9t1) !important; }
main [data-wc-table] > a:last-of-type { border-radius: 0 0 24px 24px !important; box-shadow: none !important; }

/* sector cards hidden by the search */
main [data-wc-sec][hidden] { display: none !important; }
main [data-wc-empty] { grid-column: 1 / -1; padding: 28px 0; text-align: center; font-size: 15px; color: var(--tLgByEz); }

/* the market cap chart: hover line, point and tooltip (theme.css .wc-ch-*) above the plot */
main [data-wc-plot] { touch-action: pan-y; cursor: crosshair; }
main [data-wc-plot] .wc-ch-tip { top: -14px; }
main [data-wc-plot] [data-wc-y] { pointer-events: none; }
/* y labels above the line and area, with a halo in the card's colour (the chart also keeps room above its top value) */
main [data-wc-plot] > [data-wc-y] { z-index: 1; text-shadow: 0 0 2px var(--t1P7HTr), 0 0 4px var(--t1P7HTr), 0 0 7px var(--t1P7HTr); }
/* the line under the chart: where the drawn range comes from */
main [data-wc-src] { margin: -6px 0 0; font-size: 12px; line-height: 1.45; color: var(--tT6XaDa); text-wrap: pretty; }
main [data-wc-src]:empty { display: none; }

/* a tiny price in its short form ($0.0₅574, assets/js/p/category.js) */
main [data-wc-table] [data-wc-short] sub { font-size: .72em; line-height: 0; vertical-align: -.25em; }