/* ══════════════════════════════════════════════════
   MiarTek — css/footer.css
   Pied de page complet
   ══════════════════════════════════════════════════ */

.footer {
  background:var(--navy);
  padding:52px var(--px) 0;
}
.footer__grid {
  display:grid; grid-template-columns:2fr 1fr 1fr 1fr;
  gap:38px; max-width:var(--max-w); margin:0 auto;
  padding-bottom:36px; border-bottom:1px solid rgba(255,255,255,.07);
}
.footer__brand p {
  color:rgba(255,255,255,.45); font-size:.83rem;
  line-height:1.78; max-width:240px; margin-top:12px;
}
.footer__logo { height:42px; margin-bottom:10px; }

.footer__col h4 {
  font-family:var(--fd); color:var(--white); font-size:.83rem; font-weight:700;
  margin-bottom:13px; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,.07);
}
.footer__col li   { margin-bottom:9px; }
.footer__col a    { color:rgba(255,255,255,.45); font-size:.83rem; transition:color .2s; }
.footer__col a:hover { color:var(--green); }

.footer__bottom {
  max-width:var(--max-w); margin:0 auto;
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 0 20px; gap:14px; flex-wrap:wrap;
}
.footer__info {
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  color:rgba(255,255,255,.4); font-size:.8rem;
}
.footer__info img { height:26px; opacity:.5; }
.footer__info a { color:rgba(255,255,255,.4); transition:color .2s; }
.footer__info a:hover { color:var(--green); }
.footer__sep { opacity:.25; }

.footer__copy {
  max-width:var(--max-w); margin:0 auto;
  padding:12px 0 20px; font-size:.74rem;
  color:rgba(255,255,255,.22); border-top:1px solid rgba(255,255,255,.05);
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px;
}
.footer__copy a { color:rgba(255,255,255,.3); transition:color .2s; }
.footer__copy a:hover { color:var(--green); }

/* Lang label in footer */
.footer__lang { color:rgba(255,255,255,.4); font-size:.75rem; margin-top:14px; }

@media(max-width:960px) {
  .footer__grid { grid-template-columns:1fr 1fr; gap:24px; }
}
@media(max-width:640px) {
  .footer__grid  { grid-template-columns:1fr; }
  .footer__bottom { flex-direction:column; text-align:center; }
  .footer__copy   { flex-direction:column; text-align:center; }
}