/**
 * RadioDJ Plugin - Icecast2 Listener Count Widget styles
 *
 * Previously an inline <style> block echoed on wp_footer for every page
 * load regardless of whether the widget was even in use. Moved to a
 * proper enqueued stylesheet (only loaded on pages where the widget
 * actually renders) as part of merging this widget into the RadioDJ
 * plugin.
 *
 * @package RadioDJ-WP
 * @since 0.9.0
 */

.icecast2-listener-count { font-size: 1.1em; text-align: center; }
.icecast2-listener-count-number { font-weight: bold; }
.icecast2-listener-count-error { font-style: italic; opacity: 0.7; }
.icecast2-listener-bitrate { font-size: 0.85em; opacity: 0.65; }
.icecast2-listener-peak { font-size: 0.85em; opacity: 0.65; }

.icecast2-player-links { display: flex; flex-wrap: nowrap; align-items: stretch; gap: 8px; margin-top: 10px; width: 100% !important; }
.icecast2-player-links-label { font-size: 0.85em; opacity: 0.75; margin-right: 2px; }
.icecast2-player-link {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 3px;
	flex: 1 1 0;
	width: auto !important;
	min-width: 0;
	padding: 8px 4px !important;
	margin: 0 !important;
	text-decoration: none !important;
	color: inherit;
	font-size: 0.7em;
	background: rgba(20,139,145,0.18);
	border-radius: 5px;
	opacity: 0.9;
	transition: opacity 0.15s ease, background 0.15s ease;
}
.icecast2-player-link:hover { opacity: 1; background: rgba(20,139,145,0.32); }
.icecast2-player-link svg { display: block; width: 16px; height: 16px; }

.icecast2-listener-stats-list { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 4px 16px; margin: 12px 0 0; padding: 10px 0 0; border-top: 1px solid rgba(0,0,0,0.1); }
.icecast2-listener-stat-row { display: grid; grid-template-columns: 32px 10px 1fr; align-items: baseline; padding: 3px 0; }
.icecast2-listener-stat-value { font-weight: bold; text-align: right; }
.icecast2-listener-stat-sep { opacity: 0.4; text-align: center; }
.icecast2-listener-stat-label { font-size: 0.9em; opacity: 0.85; }