/* Global Social Sharing Buttons with Icons - Apply to all pages */
/* Font Awesome should be included in head section */

/* Social Sharing Buttons with Icons - Target sharedaddy structure */
.sd-sharing-enabled .sd-content ul,
.jetpack-sharing-buttons__services-list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 20px 0;
	padding: 0;
	list-style: none;
}

.sd-sharing-enabled .sd-content ul li,
.jetpack-sharing-buttons__services-list li {
	margin: 0;
	padding: 0;
}

.sd-sharing-enabled .sd-content ul li a,
.sd-sharing-enabled .sd-button,
.jetpack-sharing-buttons__services-list a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: linear-gradient(135deg, #1279BE, #00aaff);
	color: white !important;
	text-decoration: none;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(18, 121, 190, 0.3);
	position: relative;
	overflow: hidden;
	font-size: 0 !important;
	line-height: 1;
	text-indent: -9999px;
	border: none !important;
	padding: 0 !important;
}

/* Hide all text content in sharing buttons */
.sd-sharing-enabled .sd-content ul li a span:not([hidden]),
.sd-sharing-enabled .sd-button span:not([hidden]),
.sd-sharing-enabled .sd-content ul li a span[style],
.sd-sharing-enabled .sd-button span[style],
.jetpack-sharing-buttons__services-list a span:not([hidden]),
.jetpack-sharing-buttons__services-list a span[style] {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	font-size: 0 !important;
	width: 0 !important;
	height: 0 !important;
	background-image: none !important;
}

/* Show icons using ::before */
.sd-sharing-enabled .sd-content ul li a::before,
.sd-sharing-enabled .sd-button::before,
.jetpack-sharing-buttons__services-list a::before {
	font-family: "Font Awesome 6 Brands", "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 18px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	display: block !important;
	text-indent: 0;
}

/* LinkedIn Icon */
.sd-sharing-enabled .share-linkedin a::before,
.sd-sharing-enabled .share-linkedin.sd-button::before,
.sd-sharing-enabled a.share-linkedin::before,
.jetpack-sharing-buttons__services-list a[href*="linkedin"]::before,
.jetpack-sharing-buttons__services-list a.share-linkedin::before {
	content: "\f08c";
	font-family: "Font Awesome 6 Brands";
}

/* X (Twitter) Icon */
.sd-sharing-enabled .share-twitter a::before,
.sd-sharing-enabled .share-twitter.sd-button::before,
.sd-sharing-enabled a.share-twitter::before,
.jetpack-sharing-buttons__services-list a[href*="twitter"]::before,
.jetpack-sharing-buttons__services-list a[href*="x.com"]::before,
.jetpack-sharing-buttons__services-list a.share-twitter::before,
.jetpack-sharing-buttons__services-list a.share-x::before {
	content: "\f099";
	font-family: "Font Awesome 6 Brands";
}

/* Tumblr Icon */
.sd-sharing-enabled .share-tumblr a::before,
.sd-sharing-enabled .share-tumblr.sd-button::before,
.sd-sharing-enabled a.share-tumblr::before,
.jetpack-sharing-buttons__services-list a[href*="tumblr"]::before,
.jetpack-sharing-buttons__services-list a.share-tumblr::before {
	content: "\f173";
	font-family: "Font Awesome 6 Brands";
}

/* Flipboard Icon */
.sd-sharing-enabled .share-custom-flipboard a::before,
.sd-sharing-enabled .share-custom-flipboard.sd-button::before,
.sd-sharing-enabled a.share-custom-flipboard::before,
.jetpack-sharing-buttons__services-list a[href*="flipboard"]::before,
.jetpack-sharing-buttons__services-list a.share-flipboard::before {
	content: "\f074";
	font-family: "Font Awesome 6 Brands";
}

/* Medium Icon */
.sd-sharing-enabled .share-custom-medium a::before,
.sd-sharing-enabled .share-custom-medium.sd-button::before,
.sd-sharing-enabled a.share-custom-medium::before,
.jetpack-sharing-buttons__services-list a[href*="medium"]::before,
.jetpack-sharing-buttons__services-list a.share-medium::before {
	content: "\f23a";
	font-family: "Font Awesome 6 Brands";
}

/* Facebook Icon */
.sd-sharing-enabled .share-facebook a::before,
.sd-sharing-enabled .share-facebook.sd-button::before,
.sd-sharing-enabled a.share-facebook::before,
.jetpack-sharing-buttons__services-list a[href*="facebook"]::before,
.jetpack-sharing-buttons__services-list a.share-facebook::before {
	content: "\f09a";
	font-family: "Font Awesome 6 Brands";
}

/* WhatsApp Icon */
.sd-sharing-enabled .share-jetpack-whatsapp a::before,
.sd-sharing-enabled .share-jetpack-whatsapp.sd-button::before,
.sd-sharing-enabled a.share-jetpack-whatsapp::before,
.jetpack-sharing-buttons__services-list a[href*="whatsapp"]::before,
.jetpack-sharing-buttons__services-list a.share-whatsapp::before {
	content: "\f232";
	font-family: "Font Awesome 6 Brands";
}

/* Hover Effects */
.sd-sharing-enabled .sd-content ul li a:hover,
.sd-sharing-enabled .sd-button:hover,
.jetpack-sharing-buttons__services-list a:hover {
	transform: translateY(-5px) scale(1.1);
	box-shadow: 0 8px 25px rgba(18, 121, 190, 0.5);
}

/* Specific colors for each platform on hover */
.sd-sharing-enabled .share-linkedin a:hover,
.sd-sharing-enabled .share-linkedin.sd-button:hover,
.sd-sharing-enabled a.share-linkedin:hover,
.jetpack-sharing-buttons__services-list a[href*="linkedin"]:hover,
.jetpack-sharing-buttons__services-list a.share-linkedin:hover {
	background: linear-gradient(135deg, #0077b5, #00a0dc) !important;
}

.sd-sharing-enabled .share-twitter a:hover,
.sd-sharing-enabled .share-twitter.sd-button:hover,
.sd-sharing-enabled a.share-twitter:hover,
.jetpack-sharing-buttons__services-list a[href*="twitter"]:hover,
.jetpack-sharing-buttons__services-list a[href*="x.com"]:hover,
.jetpack-sharing-buttons__services-list a.share-twitter:hover,
.jetpack-sharing-buttons__services-list a.share-x:hover {
	background: linear-gradient(135deg, #000000, #333333) !important;
}

.sd-sharing-enabled .share-tumblr a:hover,
.sd-sharing-enabled .share-tumblr.sd-button:hover,
.sd-sharing-enabled a.share-tumblr:hover,
.jetpack-sharing-buttons__services-list a[href*="tumblr"]:hover,
.jetpack-sharing-buttons__services-list a.share-tumblr:hover {
	background: linear-gradient(135deg, #36465d, #529ecc) !important;
}

.sd-sharing-enabled .share-custom-flipboard a:hover,
.sd-sharing-enabled .share-custom-flipboard.sd-button:hover,
.sd-sharing-enabled a.share-custom-flipboard:hover,
.jetpack-sharing-buttons__services-list a[href*="flipboard"]:hover,
.jetpack-sharing-buttons__services-list a.share-flipboard:hover {
	background: linear-gradient(135deg, #e12828, #ff3333) !important;
}

.sd-sharing-enabled .share-custom-medium a:hover,
.sd-sharing-enabled .share-custom-medium.sd-button:hover,
.sd-sharing-enabled a.share-custom-medium:hover,
.jetpack-sharing-buttons__services-list a[href*="medium"]:hover,
.jetpack-sharing-buttons__services-list a.share-medium:hover {
	background: linear-gradient(135deg, #000000, #333333) !important;
}

.sd-sharing-enabled .share-facebook a:hover,
.sd-sharing-enabled .share-facebook.sd-button:hover,
.sd-sharing-enabled a.share-facebook:hover,
.jetpack-sharing-buttons__services-list a[href*="facebook"]:hover,
.jetpack-sharing-buttons__services-list a.share-facebook:hover {
	background: linear-gradient(135deg, #1877f2, #42a5f5) !important;
}

.sd-sharing-enabled .share-jetpack-whatsapp a:hover,
.sd-sharing-enabled .share-jetpack-whatsapp.sd-button:hover,
.sd-sharing-enabled a.share-jetpack-whatsapp:hover,
.jetpack-sharing-buttons__services-list a[href*="whatsapp"]:hover,
.jetpack-sharing-buttons__services-list a.share-whatsapp:hover {
	background: linear-gradient(135deg, #25d366, #128c7e) !important;
}

/* Style "Share this:" heading */
.sd-sharing-enabled .sd-title {
	font-weight: 600;
	color: #1279BE;
	font-size: 1rem;
	margin-bottom: 15px;
}

/* Hide share-end */
.sd-sharing-enabled .share-end {
	display: none;
}

/* Responsive Design */
@media (max-width: 768px) {
	.sd-sharing-enabled .sd-content ul li a,
	.sd-sharing-enabled .sd-button,
	.jetpack-sharing-buttons__services-list a {
		width: 40px;
		height: 40px;
	}

	.sd-sharing-enabled .sd-content ul li a::before,
	.sd-sharing-enabled .sd-button::before,
	.jetpack-sharing-buttons__services-list a::before {
		font-size: 16px;
	}
}