{# Footer Elegant Refined #}
<footer class="footer-elegant-refined">
    <div class="container">
        <div class="fer-grid">
            <div class="fer-brand"><h3>{{ site.name }}</h3><p>{{ site.description|default('Excellence et raffinement') }}</p></div>
            <div><h4>Navigation</h4><ul>{% set siteName = site.internalName|param(app.request.server.get('REQUEST_URI')) %}{% for p in site.pages|filter(v => v.displayMenuFooter)|sort((a, b) => a.menuFooterOrder <=> b.menuFooterOrder)|slice(0,4) %}{% set param = siteName|merge({'name':p.nameMenuUrl}) %}<li><a href="{{ path('page'|route(app.request.server.get('REQUEST_URI')), param) }}">{{ p.nameMenu }}</a></li>{% endfor %}</ul></div>
            <div>{% if config.showSocial %}<h4>Suivez-nous</h4><div class="fer-social">{% if site.facebook %}<a href="{{ site.facebook }}"><i class="si-icon-facebook"></i></a>{% endif %}{% if site.twitter %}<a href="{{ site.twitter }}"><i class="si-icon-twitter"></i></a>{% endif %}{% if site.instagram %}<a href="{{ site.instagram }}"><i class="si-icon-instagram"></i></a>{% endif %}</div>{% endif %}{% if config.showNewsletter %}<form class="fer-newsletter" style="margin-top:1.5rem"><input type="email" placeholder="Newsletter"><button>→</button></form>{% endif %}</div>
        </div>
        <div class="fer-bottom"><div class="fer-line"></div><p>© {{ 'now'|date('Y') }} {{ site.name }}. Tous droits réservés.</p></div>
    </div>
</footer>
<style>.footer-elegant-refined{background:#f9f9f9;padding:3rem 0 1.5rem}.fer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:2rem}.fer-brand h3{font-size:1.75rem;font-weight:300;margin-bottom:0.5rem;color:#333}.fer-grid h4{font-size:1rem;margin-bottom:1rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:1px}.fer-grid ul{list-style:none;padding:0}.fer-grid li{margin-bottom:0.75rem}.fer-grid a{color:#666;text-decoration:none;transition:color 0.3s}.fer-grid a:hover{color:var(--colorTheme)}.fer-social{display:flex;gap:1rem}.fer-social a{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:50%;color:#666;transition:all 0.3s}.fer-social a:hover{border-color:var(--colorTheme);color:var(--colorTheme)}.fer-newsletter{display:flex;gap:0.5rem}.fer-newsletter input{flex:1;padding:0.75rem;border:1px solid #ddd;border-radius:4px;font-size:0.875rem}.fer-newsletter button{padding:0 1.5rem;background:var(--colorTheme);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1.25rem}.fer-bottom{text-align:center;margin-top:2rem}.fer-line{height:1px;background:linear-gradient(to right,transparent,#ddd,transparent);margin-bottom:1.5rem}.fer-bottom p{color:#999;font-size:0.875rem}@media (max-width:768px){.fer-grid{grid-template-columns:1fr}}</style>