{{-- Nature theme: deep green footer with a soft hill edge. --}}
@php($f = \App\Support\SiteNav::footer($site))
<footer class="mt-24 text-white/80">
    <svg viewBox="0 0 1440 60" preserveAspectRatio="none" class="block h-10 w-full text-brand" aria-hidden="true"><path fill="currentColor" d="M0 60V30C240 0 480 0 720 25s480 35 720 5v30z"/></svg>
    <div class="bg-brand">
        <div class="container-site grid gap-10 py-12 md:grid-cols-3">
            <div>
                <p class="font-[family-name:var(--font-heading)] text-2xl font-semibold text-white">{{ $site->name }}</p>
                @if ($site->localized('tagline'))<p class="mt-3 text-sm leading-relaxed">{{ $site->localized('tagline') }}</p>@endif
            </div>
            @foreach ([[$f['topicsTitle'], $f['topics']], [__('site.footer_info'), $f['info']]] as [$title, $items])
                @if ($items->isNotEmpty())
                    <nav aria-label="{{ $title }}">
                        <p class="font-bold text-white">{{ $title }}</p>
                        <ul class="mt-3 space-y-2 text-sm">
                            @foreach ($items as [$label, $href])<li><a href="{{ $href }}" class="hover:text-white hover:underline">{{ $label }}</a></li>@endforeach
                            @if ($loop->last && $f['consent'])<li><a href="#" data-consent-revoke class="hover:text-white">{{ __('site.manage_cookies') }}</a></li>@endif
                        </ul>
                    </nav>
                @endif
            @endforeach
        </div>
        <p class="container-site border-t border-white/15 py-5 text-xs text-white/60">© {{ now()->year }} {{ $site->name }} — {{ __('site.rights') }}</p>
    </div>
</footer>