/*
 * Social: link ai profili e pulsanti di condivisione (inc/social.php).
 * --npx-brand è il colore del social, impostato inline su ogni link.
 */

/* ------------------------------------------------------------- Profili social */

.social-links ul li a i {
	transition: 0.4s;
	color: #fff;
}

.social-links ul li a:hover i,
.social-links ul li a:focus i {
	color: var(--npx-brand, #fff);
	transform: scale(1.1);
}

/* Marchi neri: su sfondo scuro l'hover resta visibile. */
.social-links .npx-social--x:hover i,
.social-links .npx-social--x:focus i,
.social-links .npx-social--threads:hover i,
.social-links .npx-social--threads:focus i,
.social-links .npx-social--tiktok:hover i,
.social-links .npx-social--tiktok:focus i {
	color: #ccc;
}

/* ------------------------------------------------- Pulsanti di condivisione */

.npx-share {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 24px 0;
}

.npx-share__title {
	font-weight: 700;
	margin-right: 4px;
}

.npx-share__list {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.npx-share__btn,
.entry-content .npx-share__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 4px;
	background: var(--npx-brand, #555);
	color: #fff;
	font-size: 18px;
	line-height: 1;
	text-decoration: none;
	transition: opacity 0.2s;
}

.npx-share__btn:hover,
.npx-share__btn:focus,
.entry-content .npx-share__btn:hover,
.entry-content .npx-share__btn:focus {
	color: #fff;
	opacity: 0.8;
}

.npx-share__btn i {
	color: inherit;
}

/* Nei template single-two ... single-five i pulsanti stanno nella barra meta in alto. */
.share-now-box .npx-share {
	margin: 0;
}