/**
 * Footer icon markup — social badges + REACH US phone/email icons.
 *
 * NEW FILE (2026-08-12), NOT YET WIRED into functions.php's enqueue $sheets
 * array — that file is owned by another concurrent session; this task owns
 * only footer.php + new asset files + this stylesheet. Coordinator: add
 *
 *     'footer-icons' => array( 'sc-components' ),
 *
 * to the $sheets array in functions.php, positioned so it loads AFTER
 * 'components' — same convention responsive.css / margin.css already use
 * (an equal-specificity override wins by load order, not by strength).
 *
 * components.css ALREADY declares base rules this file deliberately does not
 * duplicate: `.footer-social a { display: inline-flex }` and
 * `.footer-social img, .footer-social svg { width: 20px; height: 20px }`.
 * This file only adds the icon/text gap (both blocks) and the
 * `.footer-contact__icon` sizing components.css has no rule for yet.
 */

.footer-social a,
.footer-contact__link {
	display: inline-flex;
	align-items: center;
	gap: var(--sc-space-xs);
}

.footer-contact__icon {
	display: block;
	flex: none;
	width: 24px;
	height: 24px;
}