@php
    $logo = siteUrlSettings('site_logo');
    $icon = siteUrlSettings('site_icon');
    $name = siteUrlSettings('site_name') ?? 'Bilipoa';
@endphp

<div class="flex items-center">
    @if ($logo)
        {{-- Wide lockup: constrain by height so any aspect ratio stays undistorted --}}
        <img src="{{ site_image($logo) }}" style="height: 40px; width: auto;" alt="{{ $name }}">
    @elseif ($icon)
        {{-- Square mark sits beside the wordmark --}}
        <img src="{{ site_image($icon) }}" style="height: 36px; width: 36px;" alt="">
        <span class="ml-2 font-bold text-xl">{{ $name }}</span>
    @else
        <span class="font-bold text-xl text-primary-600">{{ $name }}</span>
    @endif
</div>