.schedule-toggle-container { display: flex; justify-content: center; gap: 10px; margin-bottom: 20px; padding: 6px; background: #f1f3f5; border-radius: 30px; max-width: 340px; margin-left: auto; margin-right: auto; } .toggle-view-btn { flex: 1; border: none; background: transparent; padding: 10px 16px; border-radius: 25px; font-size: 14px; font-weight: 700; color: #495057; cursor: pointer; transition: all 0.25s ease; } .toggle-view-btn.active { background: #e52424; /* Stesso rosso primario del festival/mappa */ color: #ffffff; box-shadow: 0 2px 8px rgba(229, 36, 36, 0.35); } /* Vista iniziale: nasconde la seconda */ .vista-postazioni { display: none !important; } function switchScheduleView(view) { const vistaOrari = document.querySelector(‘.vista-orari’); const vistaPostazioni = document.querySelector(‘.vista-postazioni’); const btnOrari = document.getElementById(‘btn-vista-orari’); const btnPostazioni = document.getElementById(‘btn-vista-postazioni’); if (view === ‘orari’) { if (vistaOrari) vistaOrari.style.setProperty(‘display’, ‘block’, ‘important’); if (vistaPostazioni) vistaPostazioni.style.setProperty(‘display’, ‘none’, ‘important’); btnOrari.classList.add(‘active’); btnPostazioni.classList.remove(‘active’); } else { if (vistaOrari) vistaOrari.style.setProperty(‘display’, ‘none’, ‘important’); if (vistaPostazioni) vistaPostazioni.style.setProperty(‘display’, ‘block’, ‘important’); btnPostazioni.classList.add(‘active’); btnOrari.classList.remove(‘active’); } }