/* Theme-aware palette: WP block-theme presets when defined, hardcoded fallbacks otherwise. */
.steam-widget-profile-small {
	color-scheme: light dark;
	--sw-bg: var(--wp--preset--color--accent-2, var(--wp--preset--color--background, var(--global--color-background, light-dark(#f8f8f8, #181818))));
	--sw-fg: var(--wp--preset--color--contrast, var(--wp--preset--color--foreground, var(--global--color-secondary, light-dark(#666, #bbb))));
	--sw-border: var(--wp--preset--color--accent-4, var(--wp--preset--color--tertiary, var(--global--color-border, light-dark(#ccc, #444))));
	--sw-online: #a7c9e1;
	--sw-ingame: #B7D282;
}

/* Profile row: small avatar left, info right, aligned via flex instead of floats. */
.steam-widget-profile-small .profile {
	display: flex;
	align-items: center;
	gap: 0.5em;
	background: var(--sw-bg);
	color: var(--sw-fg);
	padding: 0.25em;
	line-height: 1.3;
}
.steam-widget-profile-small .profile-icon {
	border: 4px solid var(--sw-border);
	border-radius: 2px;
	height: 3em;
	width: 3em;
}
.steam-widget-profile-small .profile-name {
	font-weight: bold;
	font-size: 1.15em;
}

/* Status border colors apply to the profile icon. */
.steam-widget-profile-small .online { border-color: var(--sw-online); }
.steam-widget-profile-small .ingame { border-color: var(--sw-ingame); }