/* Theme-aware palette: WP block-theme presets when defined, hardcoded fallbacks otherwise. */
.steam-widget-games {
	color-scheme: light dark;
	--sw-border: var(--wp--preset--color--accent-4, var(--wp--preset--color--tertiary, var(--global--color-border, light-dark(#ccc, #444))));
	--sw-ingame: #B7D282;
}

/* Reset default ul styling so the games list looks unchanged without needing extra markup. */
.steam-widget-games .games {
	list-style: none;
	margin: 0;
	padding: 0;
}
.steam-widget-games .game {
	display: flex;
	align-items: center;
	gap: 6px;
	padding-bottom: 0.6em;
}
.steam-widget-games .game-icon-link {
	flex-shrink: 0;
	line-height: 0;
}
.steam-widget-games .game-icon {
	border: 4px solid var(--sw-border);
	border-radius: 2px;
	display: block;
	width: 2.2em;
	height: 2.2em;
	box-sizing: content-box;
}

/* Status border color applies to the in-game icon. */
.steam-widget-games .ingame { border-color: var(--sw-ingame); }

/* Game info column takes remaining space and truncates long names cleanly. */
.steam-widget-games .game-info {
	min-width: 0;
	flex: 1;
}
.steam-widget-games .game-name,
.steam-widget-games .game-time {
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}