{{--
    Rodapé em fluxo normal do documento, depois da grade. Antes ele era um
    bloco de altura fixa dentro de um shell 100vh com overflow escondido, o
    que o fazia sobrepor o conteúdo quando a tela era baixa.
--}}
<footer class="ft">
    <div class="ft__inner">
        <div class="ft__marca">
            {{-- mesma logo do header, embranquecida por filtro: um arquivo só --}}
            <img class="ft__logo"
                 src="{{ $payload['logo'] }}"
                 alt="Santa Mônica Clube de Campo"
                 width="300" height="66">
            <p class="ft__tag"><strong>Tradição, esporte e bem-estar</strong> em um só lugar.</p>
        </div>

        <div class="ft__cols">
            <div class="ft__col">
                <span class="ft__label">Endereço</span>
                <span class="ft__txt">{{ $contato['endereco'] }}</span>
            </div>

            <div class="ft__col">
                <span class="ft__label">Telefone</span>
                <a href="tel:{{ $contato['telefone_link'] }}" class="ft__link">{{ $contato['telefone'] }}</a>
            </div>

            <div class="ft__col">
                <span class="ft__label">Secretaria</span>
                <span class="ft__txt">{{ $contato['rodape'] }}<br>{{ $contato['rodape2'] }}</span>
            </div>
        </div>
    </div>

    <div class="ft__base">
        <small>Copyright &copy; {{ now()->year }} — {{ $contato['copyright'] }}</small>
    </div>
</footer>