/* == css/footer.css == */
.site-footer {
  background: var(--ink);
  color: var(--on-dark-muted);
  padding: var(--sp-7) 0 var(--sp-6);
  font-size: 15.5px;
}
.footer__grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap: var(--sp-6);
  padding-bottom: var(--sp-6);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.site-footer .brand__name span { color: var(--signal); }
.footer__about p { margin: var(--sp-4) 0 0; line-height: 1.6; max-width: 34ch; }
.footer__badge { display: block; width: 92px; height: auto; margin-top: var(--sp-5); }
.footer__socials { display: flex; gap: 10px; margin-top: var(--sp-4); }
.footer__socials a { width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; background: rgba(255,255,255,0.08); color: var(--on-dark-body); transition: background var(--t-fast), color var(--t-fast); }
.footer__socials a:hover { background: var(--signal); color: var(--signal-ink); }
.footer__col { display: flex; flex-direction: column; gap: 9px; }
.footer__col-title { color: #fff; font-weight: 600; }
.footer a { color: inherit; text-decoration: none; transition: color var(--t-fast); }
.footer a:hover { color: var(--signal); }
.footer__bottom {
  display: flex;
  justify-content: space-between;
  padding-top: var(--sp-5);
  font-size: 14.5px;
  color: #7f9189;  
  gap: var(--sp-4);
  flex-wrap: wrap;
}
.footer__legal { display: flex; gap: 18px; }


.footer__identiteit {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  padding-top: var(--sp-5);
  font-size: 13.5px;
  color: #7f9189;  
}

@media (max-width: 780px) {
  .footer__grid { grid-template-columns: 1fr 1fr; gap: var(--sp-5); }
}
@media (max-width: 480px) {
  .footer__grid { grid-template-columns: 1fr; }
  .footer__bottom { flex-direction: column; }
  .footer__identiteit { flex-direction: column; gap: 4px; }
}