/* Footer Biedadviseur.nl: indeling in drie onderwerpen plus contact bij het logo.
   Bouwt voort op de footerstijl van de pagina zelf (kleuren, koppen, linklijsten). */

footer .footer-grid { grid-template-columns: minmax(0, 1.4fr) auto auto auto; gap: 3rem clamp(2rem, 4vw, 3.5rem); }

.footer-contact { display: flex; align-items: center; gap: 1rem; margin-top: 1.4rem; }
.footer-contact-qr { flex-shrink: 0; display: block; }
.footer-contact-qr img {
  display: block; width: 84px; height: 84px; padding: 5px;
  background: #fff; border-radius: 12px;
}
.footer-contact-links { display: flex; flex-direction: column; gap: .6rem; }
.footer-contact-links a {
  font-size: .9rem; line-height: 1.3; text-decoration: none;
  color: color-mix(in oklch, var(--color-paper, #faf7f0) 72%, transparent);
  transition: color var(--dur-short, 140ms) var(--ease-out, ease);
}
.footer-contact-links a:hover { color: var(--color-paper, #faf7f0); }
.footer-contact-links span {
  display: block; margin-bottom: .1rem;
  font-family: var(--font-mono, monospace); font-size: .66rem; letter-spacing: .1em; text-transform: uppercase;
  color: color-mix(in oklch, var(--color-paper, #faf7f0) 45%, transparent);
}

@media (max-width: 940px) {
  footer .footer-grid { grid-template-columns: repeat(3, auto); justify-content: start; gap: 2.4rem 3rem; }
  footer .footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  footer .footer-grid { grid-template-columns: 1fr 1fr; gap: 2.2rem 1.2rem; }
  /* Kennisbank heeft de langste titels en krijgt de volle breedte, onder de twee korte kolommen. */
  footer .footer-grid > .footer-links-col:nth-child(3) { grid-column: 1 / -1; order: 1; }
  .footer-contact-qr { display: none; }
}