footer {
    background-color: var(--primary-color, #0f3f6a);
    color: white;
    padding: 40px 0;
}

footer a {
    color: #f8f9fa;
    text-decoration: none;
}

footer a:hover {
    color: #007bff;
}

.social-links a {
    display: inline-block;
    width: 36px;
    height: 36px;
    background-color: #0a2d4d;
    color: white;
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
    margin-right: 10px;
    transition: background-color 0.3s;
}

.social-links a:hover {
    background-color: #007bff;
    color: white;
}

footer p {
    color: white !important;
}

/* Stile del contenitore del pulsante */
.whatsapp-float {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 15px;
    right: 15px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 9999; /* Assicura che sia sopra a tutto */
    transition: all 0.3s ease;
    display: flex;             /* Centra l'icona perfettamente */
    align-items: center;       /* Centra verticalmente */
    justify-content: center;   /* Centra orizzontalmente */
    text-decoration: none;     /* Rimuove sottolineatura link */
}

/* Effetto Hover elegante */
.whatsapp-float:hover {
    background-color: #128C7E; /* Verde più scuro ufficiale WA */
    transform: scale(1.1);     /* Leggero ingrandimento */
    color: #FFF;               /* Mantiene l'icona bianca */
    box-shadow: 2px 2px 10px #666;
}

/* Stile specifico dell'icona */
.my-float {
    margin-top: 0px; /* Reset margini se presenti */
}

/* (Opzionale) Animazione "Pulse" per attirare l'attenzione in modo discreto */
/* .whatsapp-float {
    animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
} */