/* Link ai canali social: card Contatti (shortcode [lm_social]) e footer, colonna Contatti. */

.lm-social {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	font-family: var(--lm-poppins, Poppins), sans-serif;
}

.lm-social .lm-social-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: inherit;
	text-decoration: none;
}

.lm-social .lm-social-icona {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	background-color: currentColor;
	-webkit-mask: var(--lm-social-icona) center / contain no-repeat;
	mask: var(--lm-social-icona) center / contain no-repeat;
}

.lm-social-instagram {
	--lm-social-icona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.2' fill='%23000' stroke='none'/%3E%3C/svg%3E");
}

.lm-social-facebook {
	--lm-social-icona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 3h3v4h-3a1 1 0 0 0-1 1v3h4l-1 4h-3v8h-4v-8H7v-4h3V8a5 5 0 0 1 5-5z'/%3E%3C/svg%3E");
}

.lm-social-linkedin {
	--lm-social-icona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.45 20.45h-3.55v-5.57c0-1.33-.03-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.94v5.67H9.35V9h3.41v1.56h.05c.48-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.06 2.06 0 1 1 0-4.13 2.06 2.06 0 0 1 0 4.13zM7.12 20.45H3.56V9h3.56v11.45zM22.22 0H1.77C.79 0 0 .77 0 1.73v20.54C0 23.23.79 24 1.77 24h20.45c.98 0 1.78-.77 1.78-1.73V1.73C24 .77 23.2 0 22.22 0z'/%3E%3C/svg%3E");
}

/* Card Contatti: pulsanti a pillola sul pannello, il colore arriva dal contenitore. */
.lm-social--card {
	margin-top: 24px;
}

.lm-social--card .lm-social-link {
	padding: 10px 18px;
	border: 1px solid currentColor;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	transition: background-color .2s, color .2s;
}

.lm-social--card .lm-social-link:hover {
	background-color: rgba(255, 255, 255, .14);
}

.lm-social .lm-social-link:focus-visible {
	outline: 3px solid #c4202f;
	outline-offset: 4px;
}

/* Footer: riga di link con icona, sotto i recapiti. */
#site-footer .lm-social--footer {
	gap: 8px 20px;
	margin-top: 8px;
}

#site-footer .footer-top .lm-social--footer a {
	display: inline-flex;
	margin-bottom: 0;
}