/**
 * Altcoin Season Index Chart — instance-specific overrides
 *
 * Most styling is inherited from chart-styles.css (shared with [cmc_chart]).
 * This file only contains overrides + altcoin-season-specific additions.
 */

/* Allow the canvas to size to the inline height — the shared sheet enforces
 * min-height 400px which is too tall for some altcoin-season placements. */
.cmc-as-chart-wrapper .cmc-as-chart-canvas {
	min-height: 0 !important;
}

/* Title shown on the left of the controls row (where [cmc_chart] shows the
 * Price/Mkt Cap metric toggle). */
.cmc-as-chart-title {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--chart-text, #E1E4EB) !important;
	padding: 4px 6px;
	letter-spacing: 0.2px;
}

/* Header label colors — re-uses .cmc-chart-change but overrides the per-coin
 * positive/negative semantics. Color set inline by JS based on RSI band. */
.cmc-as-chart-wrapper .cmc-as-chart-label {
	font-weight: 600;
}

/* Empty state (when no historical data has been synced yet). */
.cmc-as-chart-wrapper .cmc-as-chart-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	margin: 0;
	padding: 24px;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.55);
	text-align: center;
	background: transparent;
	border-radius: 6px;
	font-family: inherit;
}

.cmc-as-chart-wrapper .cmc-as-chart-empty code {
	background: rgba(255, 255, 255, 0.08);
	color: var(--chart-text, #E1E4EB);
	padding: 1px 6px;
	border-radius: 4px;
	font-size: 0.9em;
}

/* Title hides on small screens to leave room for the dropdown. */
@media (max-width: 600px) {
	.cmc-as-chart-title {
		font-size: 12px !important;
		padding: 4px 2px;
	}
}