/* Footer: logo en tagline, openingstijden, contact en snelle links. */
.voet {
  background-color: var(--dark);
  color: var(--light-80);
  padding: var(--space-2xl) var(--space-m) var(--space-m);
  font-size: var(--text-s);
}
.voet a { color: inherit; text-decoration: none; transition: color .2s ease; }
.voet a:hover { color: var(--primary); }
.voet__binnen {
  width: var(--max-screen-width);
  max-width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: var(--space-xl);
}
.voet__logo img { width: 16rem; height: auto; display: block; }
.voet__tagline { margin: var(--space-s) 0; max-width: 32ch; line-height: 1.5; }
.voet__social { display: flex; gap: var(--space-xs); }
.voet__social .brxe-icon { font-size: 2rem; width: 2rem; height: 2rem; color: var(--primary); fill: var(--primary); }
.voet__kop {
  font-family: "Bearmen";
  font-size: var(--text-m);
  letter-spacing: .06em;
  color: var(--primary);
  margin: 0 0 var(--space-s);
}
.voet__tijden { margin: 0; }
.voet__rij { display: flex; justify-content: space-between; gap: var(--space-s); padding: .6rem 0; border-bottom: 1px solid var(--light-10); }
.voet__rij dt, .voet__rij dd { margin: 0; }
.voet__rij dd { color: var(--light); white-space: nowrap; }
.voet__noot { margin: var(--space-xs) 0 0; font-style: oblique; }
.voet__adres { font-style: normal; line-height: 1.8; }
.voet__links { list-style: none; margin: 0; padding: 0; display: grid; gap: .8rem; }
.voet__onder {
  width: var(--max-screen-width);
  max-width: 100%;
  margin: var(--space-xl) auto 0;
  padding-top: var(--space-s);
  border-top: 1px solid var(--light-10);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space-xs);
  font-size: var(--text-xs);
  color: var(--light-50);
}
@media (max-width: 991px) {
  .voet__binnen { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .voet__binnen { grid-template-columns: 1fr; gap: var(--space-l); }
}