<footer>
    <div class="flag-bar"></div>
    <div class="footer-content">
        <p class="footer-name">
            {{ t.site.name }}
        </p>
        <p class="footer-meta">
            {{ t.site.copyright }} | {{ t.site.tagline }}
        </p>
        <p class="footer-legal">
            <a href="{% if locale == 'en' %}/en/legal-notice/{% else %}/mentions-legales/{% endif %}">
                {{ t.footer.legal_link }}
            </a>
        </p>
        <div class="footer-socials">
            <a href="mailto:kontak@o-k-i.net" title="Email" class="social-link">
                {% include "icons/email.svg" %}
            </a>
            <a href="https://wa.me/262692229740" target="_blank" rel="noopener noreferrer" title="WhatsApp" class="social-link">
                {% include "icons/whatsapp.svg" %}
            </a>
            <a href="https://t.me/OrganisationKA" target="_blank" rel="noopener noreferrer" title="Telegram" class="social-link">
                {% include "icons/telegram.svg" %}
            </a>
            <a href="https://x.com/OrganisationKA" target="_blank" rel="noopener noreferrer" title="X" class="social-link">
                {% include "icons/x.svg" %}
            </a>
            <a href="https://www.tiktok.com/@organisationka" target="_blank" rel="noopener noreferrer" title="TikTok" class="social-link">
                {% include "icons/tiktok.svg" %}
            </a>
            <a href="https://discord.gg/a2r9NYNM" target="_blank" rel="noopener noreferrer" title="Discord" class="social-link">
                {% include "icons/discord.svg" %}
            </a>
            <a href="https://stt.gg/FzqPKhbG" target="_blank" rel="noopener noreferrer" title="Stoat" class="social-link">
                {% include "icons/stoat.svg" %}
            </a>
            <a href="https://labola.o-k-i.net/" target="_blank" rel="noopener noreferrer" title="Labola (Gitea)" class="social-link">
                {% include "icons/gitea.svg" %}
            </a>
        </div>
    </div>
</footer>
