/* Component: Social Share (LinkedIn / X / Facebook / Copy link)
   Canonical share-icon row, markup in template-parts/components/social-share.php.
   Replaces the two previously-separate implementations (.soc-networks in the
   post-hero top bar, .author-article__soc-networks in the article footer)
   that had drifted to different sizes (44px vs 40px) and different hover
   behavior — the top bar's icons were inline SVG (hover fill worked) while
   the footer's were <img>-referenced SVGs (hover fill could never reach
   inside them). Both now render the same inline-SVG markup, so one hover
   rule covers both. */
.sd-social-share {
	display: flex;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 12px;
}

.sd-social-share__item {
	list-style: none;
}

.sd-social-share__link {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	border: 1px solid rgba(217, 217, 217, 1);
}

.sd-social-share__link:hover svg path {
	fill: #282828;
}

.sd-social-share__link:hover {
	outline: 2px solid #282828;
}

.sd-social-share__copy-status {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}