{{-- Email Header with Global Gala Logo and Brand - Atomic Design v2.0 --}}
<tr>
    <td style="padding: 30px 40px; text-align: center; background: {{ $colors['neutral-50'] ?? $colors['pearl'] ?? '#fafbfc' }}; border-bottom: 1px solid {{ $colors['border-light'] ?? '#e3e8ee' }}; border-radius: 8px 8px 0 0;">
        {{-- Logo --}}
        <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
            <tr>
                <td align="center">
                    {{-- Global Gala Logo - Public URL for Gmail Compatibility --}}
                    @php
                        // Use public URL instead of base64 for better Gmail compatibility
                        // Gmail has strict limits on base64 images and may strip them
                        $apiUrl = config('app.api_url', config('app.url'));
                        $logoUrl = rtrim($apiUrl, '/') . '/storage/email/GlobalGala.png';
                    @endphp
                    <img src="{{ $logoUrl }}"
                         alt="Global Gala"
                         style="display: block; margin: 0 auto; height: 90px; width: auto; border: 0;"
                         height="90"
                         width="auto">
                    @if(isset($subtitle))
                    <p style="margin: 15px 0 0; color: {{ $colors['primary-600'] ?? $colors['bronze'] ?? '#0070c6' }}; font-size: 13px; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
                        {{ $subtitle }}
                    </p>
                    @endif
                </td>
            </tr>
        </table>
    </td>
</tr>