/* Layout Social Sharing - Condividi sopra, icone sotto in riga */
.social-sharing {
display: flex;
flex-direction: column;
gap: 8px;
background: white;
border-radius: 8px;
align-items: center;
text-align: center;
}
.social-sharing span {
font-weight: 500;
font-size: 14px;
color: #5f6368;
margin: 0;
white-space: nowrap;
}
.social-sharing ul {
display: flex;
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
justify-content: center;
flex-wrap: nowrap;
}
.social-sharing li {
margin: 0;
}
.social-sharing a {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
transition: all 0.2s ease;
text-decoration: none;
overflow: hidden;
}
.social-sharing a:hover {
transform: scale(1.1);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
/* Mobile responsive */
@media (max-width: 768px) {
.social-sharing ul {
gap: 8px;
}
.social-sharing a {
width: 32px;
height: 32px;
}
}
.telegram.icon-gray {
background-image: url('data:image/svg+xml;utf8,');
background-color: white;
border-radius: 50%;
}
.x-twitter.icon-gray {
background-image: url('data:image/svg+xml;utf8,');
background-color: white;
border-radius: 50%;
background-size: 18px 18px;
background-position: center;
}
.whatsapp.icon-gray {
background-image: url('data:image/svg+xml;utf8,');
background-color: white;
border-radius: 50%;
}