{{--
    Логотип сайта.

    Размеры шрифта едут CSS-переменными, а не атрибутом style: вёрстка сайта
    переопределит переменную своим правилом, а с инлайновым стилем ей пришлось
    бы бороться !important'ом.
--}}
<div class="kz-logo" style="--kz-logo-name-size: {{ $nameSize }}px; --kz-logo-slogan-size: {{ $sloganSize }}px">
    @if ($textAbove !== '')
        <p class="kz-logo__text kz-logo__text--above">{{ $textAbove }}</p>
    @endif

    <a class="kz-logo__link" href="{{ $link }}">
        @if ($media !== null)
            <img class="kz-logo__image" src="{{ $media->url() }}"
                 alt="{{ $alt !== '' ? $alt : ($name !== '' ? $name : 'Логотип') }}">
        @endif

        @if ($name !== '')
            <span class="kz-logo__name">{{ $name }}</span>
        @endif

        @if ($slogan !== '')
            <span class="kz-logo__slogan">{{ $slogan }}</span>
        @endif
    </a>

    @if ($textBelow !== '')
        <p class="kz-logo__text kz-logo__text--below">{{ $textBelow }}</p>
    @endif
</div>