{{-- Footer demo-digital-agency-2 --}}
<footer id="footer" class="mt-0">
    <div class="container py-4">
        {{-- Nav + Social --}}
        <div class="row align-items-center py-3">
            <div class="col-lg-8">
                <div class="footer-nav footer-nav-links">
                    <nav>
                        <ul class="nav flex-wrap gap-3" id="footerNav">
                            <x-footer-nav :limit="7" :as-list="true" classes="text-color-hover-primary font-weight-semibold custom-text-2 text-capitalize" />
                        </ul>
                    </nav>
                </div>
            </div>
            <div class="col-lg-4 mt-3 mt-lg-0 d-flex justify-content-lg-end">
                <x-social-icons size="md" classes="social-icons social-icons-clean social-icons-icon-dark m-0" />
            </div>
        </div>
        {{-- Copyright + legal + Resellers — todo integrado en una sub-fila
             para evitar la banda legal extra que rompía el ritmo visual --}}
        @php
            $__mainHosts = array_map(
                fn($h) => strtolower(trim($h)),
                explode(',', env('BEWPRO_MAIN_HOSTS', 'bewpro.com,localhost,127.0.0.1'))
            );
            $__isMainSite = in_array(strtolower(request()->getHost()), $__mainHosts, true);
        @endphp
        <div class="row pt-3 align-items-center gy-2" style="border-top: 1px solid var(--light-rgba-10);">
            <div class="col-md-auto">
                <p class="mb-0 text-3 opacity-5">
                    {{ config('site.name') }} &copy; {{ date('Y') }}. {{ __('All Rights Reserved') }}
                </p>
            </div>
            @if ($__isMainSite)
            <div class="col-md text-md-center">
                <ul class="cd-legal-links list-inline mb-0">
                    <li class="list-inline-item"><a href="{{ url('/legal/terms') }}">{{ __('Términos') }}</a></li>
                    <li class="list-inline-item opacity-3">·</li>
                    <li class="list-inline-item"><a href="{{ url('/legal/privacy') }}">{{ __('Privacidad') }}</a></li>
                    <li class="list-inline-item opacity-3">·</li>
                    <li class="list-inline-item"><a href="{{ url('/legal/cookies') }}">{{ __('Cookies') }}</a></li>
                    <li class="list-inline-item opacity-3">·</li>
                    <li class="list-inline-item"><a href="{{ url('/legal/refund') }}">{{ __('Reembolsos') }}</a></li>
                </ul>
            </div>
            <div class="col-md-auto text-md-end">
                <a href="{{ route('resellers.landing') }}" class="cd-footer-resellers-link text-3 text-decoration-none">
                    <i class="fas fa-handshake me-1"></i> {{ __('Programa de Resellers') }}
                </a>
            </div>
            @endif
        </div>
    </div>
</footer>

@push('styles')
<style>
/* Footer legal + resellers — text-3 con opacity baja, hover primary */
#footer .cd-legal-links a,
#footer .cd-footer-resellers-link {
    color: var(--light);
    opacity: 0.5;
    font-size: 13px;
    transition: opacity 0.15s, color 0.15s;
}
#footer .cd-legal-links a:hover,
#footer .cd-footer-resellers-link:hover {
    opacity: 1;
    color: var(--primary);
}
#footer .cd-legal-links .list-inline-item { margin-right: 0.25rem; margin-left: 0.25rem; }
</style>
@endpush