/**
 * ZONE footer-menu — footerbalk: footermenu (Privacybeleid) links,
 * copyright in het midden. Geen social-media-iconen op de verhuursite.
 * Template: templates/layout/regions/_footer-menu.html.twig
 * Copyright: css/regions/copyright.css
 */
/* Transparant op het patroon, zoals het origineel. */
.zone-footer-menu {
  color: var(--c-inkt);
  background: transparent;
}

/* Telefoon: alles onder elkaar en gecentreerd. */
.zone-footer-menu__binnen {
  display: grid;
  justify-items: center;
  gap: var(--s-2);
  padding-block: var(--s-3);
  text-align: center;
}

/* Vanaf tablet: drie kolommen; de buitenste even breed, zodat het
   copyright precies in het midden van de pagina staat (de rechterkolom
   blijft leeg). */
@media (min-width: 37.5em) {
  .zone-footer-menu__binnen {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: var(--s-4);
    text-align: start;
  }

  .zone-footer-menu__links {
    justify-self: start;
  }
}

/* Footermenu (core-template menu.html.twig: <ul> zonder class). */
.zone-footer-menu nav ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--s-4);
  margin: 0;
  padding: 0;
  list-style: none;
}

.zone-footer-menu nav a {
  display: inline-flex;
  align-items: center;
  min-height: var(--klik);
  font-weight: 700;
  color: var(--c-inkt);
  text-decoration: none;
}

.zone-footer-menu nav a:hover,
.zone-footer-menu nav a:focus-visible {
  color: var(--c-bruin);
  text-decoration: underline;
}