/*
 * Macroconsult — article share buttons
 *
 * 1. Order. Nifty 1.0.5 emitted LinkedIn, Facebook, Twitter; 1.4.3 emits
 *    Facebook, Twitter, LinkedIn. The btIco* classes are stable across both,
 *    so the original order is restored with flex `order` rather than by
 *    editing vendor code.
 *
 * 2. Twitter -> X. The theme bundles FontAwesome 5, which predates the X mark.
 *    The circle itself is drawn by `box-shadow: ... inset` on ::before, so the
 *    bird glyph is blanked and the X is layered on ::after as a mask. That
 *    keeps the filled green circle and paints the X in the icon's foreground
 *    colour, matching Facebook and LinkedIn.
 */
.btInnerShare {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.btInnerShare .btIcoLinkedin  { order: 1; }
.btInnerShare .btIcoFacebook  { order: 2; }
.btInnerShare .btIcoTwitter   { order: 3; }
.btInnerShare .btIcoWhatsapp  { order: 4; }
.btInnerShare .btIcoMail,
.btInnerShare .btIcoEmail     { order: 5; }

/* --- X mark ------------------------------------------------------------- */
.btIcoTwitter .bt_bb_icon_holder,
.btIconWidget .btIcoTwitter .bt_bb_icon_holder {
	position: relative;
}
/* blank the bird but leave the circle (box-shadow + border-radius) intact */
.btIcoTwitter .bt_bb_icon_holder::before {
	content: "\200B" !important;
}
.btIcoTwitter .bt_bb_icon_holder::after {
	content: "";
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	width: .78em;
	height: .78em;
	pointer-events: none;
	background-color: var(--primary-color, #fff);
	-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
	-webkit-mask-position: center;   mask-position: center;
	-webkit-mask-size: contain;      mask-size: contain;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E");
}
/* on hover the filled style swaps fore/background; keep the X readable */
.btIcoTwitter:hover .bt_bb_icon_holder::after {
	background-color: var(--secondary-color, #2ea56c);
}