/* --- Sound toggle (son d'interface on/off) — miroir du theme-toggle --- */
.navbar-sound-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: var(--radius-full);
    background: var(--bg-glass);
    border: 1px solid var(--glass-border);
    color: var(--text-secondary);
    font-size: 0.95rem;
    transition: all var(--transition-fast);
    flex-shrink: 0;
}

.navbar-sound-toggle:hover {
    background: var(--bg-glass-hover);
    border-color: var(--glass-border-hover);
    color: var(--text-primary);
}

.navbar-sound-icon-off { display: none; }
.navbar-sound-toggle.is-sound-on .navbar-sound-icon-on { display: inline-block; }
.navbar-sound-toggle.is-sound-on .navbar-sound-icon-off { display: none; }
.navbar-sound-toggle:not(.is-sound-on) .navbar-sound-icon-on { display: none; }
.navbar-sound-toggle:not(.is-sound-on) .navbar-sound-icon-off { display: inline-block; }

.mobile-menu-cta .navbar-sound-toggle {
    width: 100%;
    height: auto;
    gap: var(--space-sm);
    padding: 12px;
    border-radius: var(--radius-md);
    font-size: 0.85rem;
    font-weight: 600;
}

.mobile-menu-cta .navbar-sound-toggle .navbar-sound-toggle-label::before {
    content: 'Sons : desactives';
}
.mobile-menu-cta .navbar-sound-toggle.is-sound-on .navbar-sound-toggle-label::before {
    content: 'Sons : actives';
}

@media (pointer: coarse) and (min-width: 1024px) {
    :root .navbar-sound-toggle { min-height: 44px; min-width: 44px; }
}