/* Musinè – Condividi */

.mz-share {
	display: flex; align-items: center; flex-wrap: wrap; gap: 14px 22px;
	margin: 48px 0 0; padding: 22px 0 0;
	border-top: 1px solid var(--line, #e6dfd3);
	position: relative;
}
.mz-share--top {
	margin: 0 0 32px; padding: 0 0 22px;
	border-top: 0; border-bottom: 1px solid var(--line, #e6dfd3);
}
.mz-share__title {
	margin: 0 !important;
	font-size: 15px; font-weight: 700; line-height: 1.3;
	color: var(--ink, #10222e);
}
.mz-share__list {
	display: flex; flex-wrap: wrap; gap: 10px;
	margin: 0 !important; padding: 0 !important; list-style: none;
}
.mz-share__list li { margin: 0 !important; }
.mz-share__list li[hidden] { display: none; }

.mz-share__btn {
	--mz: var(--ink, #10222e);
	display: inline-flex; align-items: center; justify-content: center;
	width: 44px; height: 44px; padding: 0;
	border: 0; border-radius: 50%;
	background: var(--sand, #f7f2ea); color: var(--mz) !important;
	cursor: pointer; text-decoration: none;
	transition: background-color .2s, color .2s, transform .2s;
}
.mz-share__btn:hover, .mz-share__btn:focus-visible { background: var(--mz); color: #fff !important; transform: translateY(-2px); }
.mz-share__btn svg { display: block; }

.mz-share__btn--whatsapp { --mz: #128c4a; }
.mz-share__btn--facebook { --mz: #1877f2; }
.mz-share__btn--telegram { --mz: #1e96c8; }
.mz-share__btn--copy, .mz-share__btn--native { --mz: var(--teal, #0f6b6b); }

.mz-share__feedback { font-size: 14.5px; font-weight: 700; color: var(--teal, #0f6b6b); }
.mz-share__feedback:empty { display: none; }

/* Telefono: le icone restano tutte su una riga; in alto anche il titolo, con le icone che si stringono. */
@media (max-width: 600px) {
	.mz-share { gap: 12px 16px; }
	.mz-share__list { flex-wrap: nowrap; gap: 8px; }
	.mz-share__btn { width: 40px; height: 40px; }

	.mz-share--top { flex-wrap: nowrap; gap: 10px; }
	.mz-share--top .mz-share__title { flex: none; font-size: 14px; }
	.mz-share--top .mz-share__list { flex: 1 1 auto; min-width: 0; gap: 6px; }
	.mz-share--top .mz-share__list li { flex: 0 1 40px; min-width: 0; }
	.mz-share--top .mz-share__btn { width: 100%; height: auto; aspect-ratio: 1; }
	.mz-share--top .mz-share__feedback { position: absolute; left: 0; top: 100%; margin-top: 4px; }
}

@media (prefers-reduced-motion: reduce) {
	.mz-share__btn { transition: none; }
	.mz-share__btn:hover { transform: none; }
}