/* Realm Statistics module – front page */

.realm-statistics-module {
	margin-bottom: 1.5rem;
}

.realm-statistics-module .box-head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.5rem;
}

.realm-statistics-title {
	font-size: 1.25rem;
	font-weight: bold;
	text-transform: uppercase;
}

.realm-statistics-subtitle {
	font-size: 0.75rem;
	opacity: 0.85;
	text-transform: uppercase;
}

.realm-statistics-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem;
	margin-bottom: 0.75rem;
}

.realm-expansion {
	font-size: 0.9rem;
	opacity: 0.9;
}

.realm-status {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.85rem;
}

.realm-status::before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

.realm-status.is-online::before {
	background-color: #2ecc71;
}

.realm-status.is-offline::before {
	background-color: #c0392b;
}

.realm-statistics-players {
	margin-bottom: 1.25rem;
	font-size: 0.95rem;
}

.realm-statistics-section {
	margin-top: 1.25rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.realm-statistics-section-title {
	font-size: 1rem;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 0.35rem 0;
}

.realm-statistics-section-desc {
	font-size: 0.8rem;
	opacity: 0.85;
	margin: 0 0 0.75rem 0;
}

.realm-statistics-donut {
	margin: 0.75rem 0;
}

.realm-donut-chart {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: conic-gradient(
		var(--alliance-color, #3b82f6) 0% calc(var(--alliance-pct, 0) * 1%),
		var(--horde-color, #c0392b) calc(var(--alliance-pct, 0) * 1%) calc((var(--alliance-pct, 0) + var(--horde-pct, 0)) * 1%),
		rgba(128, 128, 128, 0.5) calc((var(--alliance-pct, 0) + var(--horde-pct, 0)) * 1%) 100%
	);
}

.realm-donut-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 0.75rem;
	font-size: 0.85rem;
}

.realm-donut-legend-alliance { color: #3b82f6; }
.realm-donut-legend-horde { color: #c0392b; }
.realm-donut-legend-neutral { opacity: 0.8; }

.realm-statistics-count {
	margin-top: 0.5rem;
	font-size: 0.9rem;
}

.realm-statistics-no-data {
	opacity: 0.8;
	font-size: 0.9rem;
	margin: 0;
}

.realm-statistics-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	gap: 0.35rem 1rem;
	font-size: 0.85rem;
}

.realm-statistics-list li {
	display: flex;
	align-items: baseline;
	gap: 0.5rem;
}

.realm-pct {
	min-width: 3.5em;
	opacity: 0.9;
}

.realm-count {
	opacity: 0.95;
}

/* Class colors (WoW-style) */
.realm-class-list .realm-class-id-1 { color: #C79C6E; }
.realm-class-list .realm-class-id-2 { color: #F58CBA; }
.realm-class-list .realm-class-id-3 { color: #ABD473; }
.realm-class-list .realm-class-id-4 { color: #FFF569; }
.realm-class-list .realm-class-id-5 { color: #FFFFFF; }
.realm-class-list .realm-class-id-6 { color: #C41F3B; }
.realm-class-list .realm-class-id-7 { color: #0070DE; }
.realm-class-list .realm-class-id-8 { color: #69CCF0; }
.realm-class-list .realm-class-id-9 { color: #9482C9; }
.realm-class-list .realm-class-id-10 { color: #00FF96; }
.realm-class-list .realm-class-id-11 { color: #FF7D0A; }
.realm-class-list .realm-class-id-12 { color: #A330C9; }
.realm-class-list .realm-class-id-13 { color: #33937F; }