/* InnerG Social Networks — used as a Header zone element and via the
   [innerg_social] shortcode. No per-instance style controls exist here
   (unlike the old Elementor footer widget), so real defaults are baked in
   directly, same approach as buttons.css's --solid/--outline/--text. */

.innerg-social {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem;
}

.innerg-social__link {
	display: inline-flex;
	color: var( --muted-foreground );
	transition: color 0.2s ease;
}

.innerg-social__link:hover {
	color: var( --accent );
}

.innerg-social__link svg {
	width: var( --icon-size, 20px );
	height: var( --icon-size, 20px );
}