{{-- Share links for a blog post: plain links through our own address (counted), no third-party scripts. --}}
<div class="share-links" aria-label="Share this article">
    <a class="share-btn" href="{{ route('blog.share', [$post->slug, 'linkedin']) }}" target="_blank" rel="nofollow noopener" title="Share on LinkedIn" data-ga-event="share" data-ga-method="linkedin"><svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zM3 9.75h4v11H3zm7 0h3.8v1.6h.06c.53-1 1.83-2.06 3.77-2.06 4.03 0 4.77 2.65 4.77 6.1v5.36h-4v-4.75c0-1.13-.02-2.59-1.58-2.59-1.58 0-1.82 1.23-1.82 2.5v4.84h-4z"/></svg><span class="sr-only">LinkedIn</span></a>
    <a class="share-btn" href="{{ route('blog.share', [$post->slug, 'x']) }}" target="_blank" rel="nofollow noopener" title="Share on X" data-ga-event="share" data-ga-method="x"><svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M17.75 3h3.07l-6.7 7.66L22 21h-6.17l-4.83-6.32L5.47 21H2.4l7.17-8.2L2 3h6.33l4.37 5.78zm-1.08 16.18h1.7L7.4 4.73H5.58z"/></svg><span class="sr-only">X</span></a>
    <button class="share-btn" type="button" data-copy-link="{{ $post->url() }}" data-copy-beacon="{{ route('blog.share', [$post->slug, 'copy']) }}" title="Copy link" data-ga-event="share" data-ga-method="copy"><svg viewBox="0 0 24 24" aria-hidden="true"><path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M10 14a5 5 0 0 0 7.07 0l3-3a5 5 0 0 0-7.07-7.07l-1 1M14 10a5 5 0 0 0-7.07 0l-3 3a5 5 0 0 0 7.07 7.07l1-1"/></svg><span class="sr-only">Copy link</span><span class="copied" hidden>Link copied</span></button>
</div>