/**
 * k-Space social sharing buttons
 * -------------------------------------------------------------------------
 * Standalone stylesheet (same hand-maintained pattern as fontawesome.min.css).
 * It supplies the button layout and the FontAwesome icon glyphs that Jetpack's
 * own sharing.css used to provide. Button colors, borders and hover states
 * come from the theme's existing `.sharedaddy` rules in assets/css/style.css
 * (source: sass/components/_page-content.scss).
 *
 * Markup is generated by sharing_display() in inc/helpers.php once the Jetpack
 * plugin is removed. FontAwesome 4.6.3 is already enqueued globally.
 */

.sharedaddy .sd-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.sharedaddy .sd-content ul li {
	margin: 0;
	padding: 0;
}

.sharedaddy .sd-content ul li.share-end {
	display: none;
}

.sharedaddy a.sd-button {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	padding: 0.5em 1em;
	line-height: 1;
	text-decoration: none;
	font-size: 13px;
}

/* Icon glyphs via FontAwesome (colored by the theme's existing .sd-button rules). */
.sharedaddy a.sd-button.share-icon::before {
	font-family: "FontAwesome";
	font-style: normal;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.sharedaddy a.share-facebook::before { content: "\f230"; } /* fa-facebook */
.sharedaddy a.share-linkedin::before { content: "\f08c"; } /* fa-linkedin */
.sharedaddy a.share-email::before    { content: "\f0e0"; } /* fa-envelope */

/* X uses an inline SVG wordmark instead of a font glyph (FA 4.6.3 has no X). */
.sharedaddy a.share-twitter .share-svg {
	width: 1em;
	height: 1em;
	fill: currentColor; /* inherits the button's red; theme sets color on hover below */
}
.sharedaddy a.share-twitter:hover .share-svg {
	fill: #fff;
}

.sharedaddy .sd-title {
    display: inline-block;
    line-height: 1.2;
    font-size: 12px;
    font-weight: 700;
}