/* Il tasto dei suoni delle pagine pubbliche (shared/_tasto_suoni.html.twig).
   Fisso in basso a sinistra; spento è barrato, acceso ha le onde e il colore. Valori scritti
   per esteso: le pagine pubbliche non hanno tutte gli stessi token. */

.suoni-btn {
    position: fixed;
    left: 1rem;
    bottom: 1rem;
    z-index: 150;
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 999px;
    border: 1px solid #e5e5e5;
    background: #fff;
    color: #737373;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    transition: color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

.suoni-btn[hidden] { display: none; }
.suoni-btn svg { width: 1.125rem; height: 1.125rem; }
.suoni-btn:hover { color: #0f0f0f; transform: translateY(-1px); }

/* Spento: niente onde, una barra di traverso */
.suoni-btn .suoni-onde { opacity: 0; }
.suoni-btn::after {
    content: "";
    position: absolute;
    width: 1.5rem;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
    box-shadow: 0 0 0 2px #fff;
    transform: rotate(-45deg);
}

.suoni-btn.is-acceso { color: #2f7cf6; border-color: #b9d3fc; }
.suoni-btn.is-acceso::after { display: none; }
.suoni-btn.is-acceso .suoni-onde { opacity: 1; animation: suoni-respira 2.4s ease-in-out infinite; }

@keyframes suoni-respira { 50% { opacity: 0.45; } }

@media (prefers-reduced-motion: reduce) {
    .suoni-btn.is-acceso .suoni-onde { animation: none; }
}

@media print { .suoni-btn { display: none; } }