{{--
    Generierter Hintergrund für Top-Meldungen ohne Bild (Punktraster + Kreise),
    identisch zur Startseiten-Hero. Liegt absolut im übergeordneten Container
    (position: relative + bg-hero-grad erwartet).
--}}
@php
    // Eindeutige Pattern-ID, falls die Komponente mehrfach pro Seite rendert.
    $patternId = 'bp-hero-dots-'.\Illuminate\Support\Str::random(6);
@endphp

<svg width="100%" height="100%" viewBox="0 0 760 500" preserveAspectRatio="xMidYMid slice" class="absolute inset-0 opacity-40" aria-hidden="true">
    <defs>
        <pattern id="{{ $patternId }}" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse">
            <circle cx="20" cy="20" r="1.5" fill="white" opacity="0.3" />
        </pattern>
    </defs>
    <rect width="760" height="500" fill="url(#{{ $patternId }})" />
    <circle cx="600" cy="180" r="120" fill="white" opacity="0.05" />
    <circle cx="160" cy="380" r="80" fill="white" opacity="0.06" />
</svg>