{# Comportement « copier » délégué : tout bouton [data-copy="..."] copie sa
   valeur dans le presse-papiers et affiche un retour « Copié ! » temporaire.
   À inclure une seule fois par page. #}
<script>
  (function () {
    if (window.__copyCodeBound) { return; }
    window.__copyCodeBound = true;
    // Écoute en phase CAPTURE (3e arg = true) : le handler s'exécute AVANT le
    // onclick d'une éventuelle ligne/carte cliquable qui entoure le bouton, ce
    // qui permet de bloquer sa navigation via stopPropagation.
    document.addEventListener('click', function (e) {
      var btn = e.target.closest('[data-copy]');
      if (!btn) { return; }
      e.preventDefault();
      e.stopPropagation();
      var value = btn.getAttribute('data-copy');
      var done = function () {
        var label = btn.querySelector('[data-copy-label]');
        var original = label ? label.textContent : null;
        if (label) { label.textContent = 'Copié !'; }
        btn.classList.add('text-emerald-600');
        setTimeout(function () {
          if (label && original !== null) { label.textContent = original; }
          btn.classList.remove('text-emerald-600');
        }, 1500);
      };
      if (navigator.clipboard && navigator.clipboard.writeText) {
        navigator.clipboard.writeText(value).then(done).catch(function () {});
      } else {
        var ta = document.createElement('textarea');
        ta.value = value; document.body.appendChild(ta); ta.select();
        try { document.execCommand('copy'); done(); } catch (err) {}
        document.body.removeChild(ta);
      }
    }, true);
  })();
</script>