/* ============================================
   MIDDLF - Composant : Footer
   Injecté dynamiquement dans <div id="site-footer"> par js/footer.js
   ============================================ */
footer{background:linear-gradient(180deg, var(--green-strong) 0%, #08261D 100%); color:#fff; padding:56px 0 28px;}

.footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:40px;}

.footer-brand .logo-text{color:#fff;}
.footer-tagline{font-size:12px; color:#C9DBD4; margin-top:12px; max-width:220px;}

.footer-col h4{
  font-family:'IBM Plex Mono', monospace; font-size:11px; text-transform:uppercase;
  letter-spacing:0.06em; color:#8FD7EF; margin-bottom:14px;
}
.footer-col li{margin-bottom:9px;}
.footer-col a{color:#EFEEE8; text-decoration:none; font-size:13px;}
.footer-col a:hover{color:var(--cyan);}

.footer-bottom{
  border-top:1px solid rgba(255,255,255,.12); margin-top:44px; padding-top:20px;
  display:flex; justify-content:space-between; align-items:center;
  font-size:11px; color:#C9DBD4; font-family:'IBM Plex Mono', monospace;
}
.footer-bottom a{color:#C9DBD4; text-decoration:none; margin-left:18px;}
.footer-bottom a:hover{color:var(--gold);}

@media (max-width:800px){
  .footer-grid{grid-template-columns:1fr 1fr; gap:32px;}
  .footer-bottom{flex-direction:column; gap:12px; align-items:flex-start;}
  .footer-bottom a{margin-left:0; margin-right:16px;}
}