/**
 * Senior HR Forum v1.8.15: social icons in their real brand colours EVERYWHERE (Susanne, 27 Oct 2026).
 * LinkedIn #0A66C2, Facebook #1877F2, Instagram gradient, white glyphs, on light and dark backgrounds.
 * Hover / keyboard focus: lift + light-cyan fill and ring with an ink glyph. Never orange.
 * Spots: every .shf-follow button row (newsletter, Contact hero + Follow us, Articles empty state, home
 * Articles teaser, Events comeback, posts, events-reports, 404 ...), the footer icon row (email stays
 * neutral), and the home hero follower pill.
 */
:root {
	--shf-brand-li: #0A66C2;
	--shf-brand-fb: #1877F2;
	--shf-brand-ig: radial-gradient(circle at 30% 107%, #FDF497 0%, #FDF497 5%, #FD5949 45%, #D6249F 60%, #285AEB 90%);
}

/* ---------- 1. Follow buttons (seniorhrforum_follow_icons), light and dark tones ---------- */
.shf-follow a.shf-follow__btn:is(.shf-follow__btn--li, .shf-follow__btn--fb, .shf-follow__btn--ig),
.shf-follow a.shf-follow__btn:is(.shf-follow__btn--li, .shf-follow__btn--fb, .shf-follow__btn--ig):is(:link, :visited, :focus, :active) {
	color: #fff !important; border: 0 !important; box-shadow: 0 6px 14px rgba(11, 26, 51, .16);
}
.shf-follow a.shf-follow__btn--li { background: var(--shf-brand-li) !important; }
.shf-follow a.shf-follow__btn--fb { background: var(--shf-brand-fb) !important; }
.shf-follow a.shf-follow__btn--ig { background: var(--shf-brand-ig) !important; }
.shf-follow a.shf-follow__btn:is(.shf-follow__btn--li, .shf-follow__btn--fb, .shf-follow__btn--ig):is(:hover, :focus-visible) {
	color: var(--shf-ink, #0B1A33) !important; transform: translateY(-2px);
	box-shadow: 0 10px 22px rgba(11, 26, 51, .22), 0 0 0 4px rgba(127, 227, 242, .45);
}

/* ---------- 2. Footer icon row (email stays neutral) ---------- */
.shf-footer .shf-social a.shf-social__link:is(.shf-social__link--linkedin, .shf-social__link--facebook, .shf-social__link--instagram),
.shf-footer .shf-social a.shf-social__link:is(.shf-social__link--linkedin, .shf-social__link--facebook, .shf-social__link--instagram):is(:link, :visited, :focus, :active) {
	color: #fff !important; border-color: transparent !important; box-shadow: 0 6px 14px rgba(0, 0, 0, .25);
}
.shf-footer .shf-social a.shf-social__link--linkedin { background: var(--shf-brand-li) !important; }
.shf-footer .shf-social a.shf-social__link--facebook { background: var(--shf-brand-fb) !important; }
.shf-footer .shf-social a.shf-social__link--instagram { background: var(--shf-brand-ig) !important; }
.shf-footer .shf-social a.shf-social__link:is(.shf-social__link--linkedin, .shf-social__link--facebook, .shf-social__link--instagram):is(:hover, :focus-visible) {
	background: var(--shf-cyan-bright, #7FE3F2) !important; color: var(--shf-ink, #0B1A33) !important; transform: translateY(-2px);
	box-shadow: 0 0 0 4px rgba(127, 227, 242, .3);
}

/* ---------- 3. Home hero follower pill (overlapping circles) ---------- */
.shf-proof .shf-proof__icons a.shf-proof__icon { border: 2px solid #fff; box-sizing: border-box; }
.shf-proof .shf-proof__icons a.shf-proof__icon--li { background: var(--shf-brand-li) !important; }
.shf-proof .shf-proof__icons a.shf-proof__icon--fb { background: var(--shf-brand-fb) !important; }
.shf-proof .shf-proof__icons a.shf-proof__icon--ig { background: var(--shf-brand-ig) !important; }
.shf-proof .shf-proof__icons a.shf-proof__icon:is(:hover, :focus-visible) {
	background: var(--shf-cyan-bright, #7FE3F2) !important; color: var(--shf-ink, #0B1A33) !important;
	box-shadow: 0 0 0 4px rgba(127, 227, 242, .45);
}

@media (prefers-reduced-motion: reduce) {
	.shf-follow a.shf-follow__btn:hover, .shf-footer .shf-social a.shf-social__link:hover { transform: none; }
}