{{-- CTA Widget - Temiz Tasarım --}}
@php
    $cfg = $widget->content_with_defaults;
    $showForGuest = $cfg['guest_only'] ?? true;
    $shouldShow = !$showForGuest || auth()->guest();
@endphp

@if($shouldShow)
<div style="padding: 50px 24px;">
    <div style="background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); border-radius: 16px; padding: 60px 24px; text-align: center;">
        <div style="max-width: 600px; margin: 0 auto;">
            <h2 style="font-size: clamp(26px, 3vw, 40px); font-weight: 900; color: #ffffff; margin-bottom: 12px;">
                {{ $cfg['title'] ?? 'Askeri Kariyerinize Bugün Başlayın' }}
            </h2>
            <p style="font-size: 15px; color: rgba(255,255,255,0.8); line-height: 1.6; margin-bottom: 28px;">
                {{ $cfg['description'] ?? 'Binlerce başarılı kişi platformumuzda sizin gibi hedeflerine ulaşmaya çalışıyor. Onlara katılın, birlikte başarılı olun.' }}
            </p>
            <div style="display: flex; gap: 12px; justify-content: center; flex-wrap: wrap;">
                <a href="{{ $cfg['button_url'] ?? '/register' }}" style="display: inline-flex; align-items: center; gap: 8px; padding: 13px 32px;
                    background: linear-gradient(135deg, #3b82f6, #2563eb); color: white; text-decoration: none;
                    border-radius: 8px; font-size: 14px; font-weight: 700; box-shadow: 0 6px 20px rgba(37,99,235,0.35);">
                    🎯 {{ $cfg['button_text'] ?? 'Hemen Kayıt Ol' }}
                </a>
            </div>
        </div>
    </div>
</div>
@endif
