/* ────────────────────────────────────────────────────────────────────────────
 * Social icons — single source of truth.
 *
 * The round links to a seller's social profiles that the theme renders itself.
 * They appear in two places that must look identical and only ever change here:
 *   • the seller storefront page  (author.php   → ul.ize-seller__socials)
 *   • the single ad seller block  (single-ad.php → ul.ize-ad__socials)
 *
 * Both lists carry .ize-socials and every link carries .ize-social, so the
 * appearance below is shared. Page-specific spacing (the seller list's top
 * border, the ad list's bottom margin) stays in storefront.css / ad-single.css.
 * ------------------------------------------------------------------------- */

.ize-socials {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--ize-2);
	margin: 0;
	padding: 0;
	list-style: none;
}

.ize-social {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 1px solid var(--ize-line);
	border-radius: 50%;
	color: var(--ize-ink-2);
	text-decoration: none;
	transition: border-color 0.15s var(--ize-ease), color 0.15s var(--ize-ease);
}