Condiciones de compra

<h2>Antes de continuar</h2>
<p>Debes aceptar los <a href="/terminos-y-condiciones/" target="_blank" rel="noopener">términos y condiciones</a> para finalizar la compra.</p>

<label style="display:flex; gap:.5rem; align-items:center; margin:1rem 0;">
  <input id="bruce-terms" type="checkbox"> 
  <span>He leído y acepto los términos y condiciones</span>
</label>

<a id="bruce-continue" class="button" href="<?php echo wc_get_checkout_url(); ?>?accepted=1" style="pointer-events:none; opacity:.5;">
  Continuar al pago
</a>

<script>
  (function(){
    var cb = document.getElementById('bruce-terms');
    var btn = document.getElementById('bruce-continue');
    function toggle(){
      var ok = cb && cb.checked;
      if(!btn) return;
      btn.style.pointerEvents = ok ? 'auto' : 'none';
      btn.style.opacity = ok ? '1' : '.5';
    }
    cb && cb.addEventListener('change', toggle);
    toggle();
  })();
</script>