const covers = document.querySelectorAll('.cover');
const audios = document.querySelectorAll('audio');

covers.forEach(cover => {
  cover.addEventListener('click', () => {
    const audioId = cover.getAttribute('data-audio');
    const audio = document.getElementById(audioId);

    // Pause all other audio
    audios.forEach(a => {
      if (a !== audio) {
        a.pause();
        a.currentTime = 0;
      }
    });

    // Toggle play
    if (audio.paused) {
      audio.play();
    } else {
      audio.pause();
    }
  });
});