/* ============================================================
   KADER — wat op elke pagina hetzelfde is: de meldingen onder de kop en de footer
   (hoofdpagina-ontwerp §2.2, §2.8). Het menu zelf staat in huisstijl.css (.hoofdmenu).
   Laadt na huisstijl.css en bouwstenen.css; kleuren alleen via de variabelen daar.
   ============================================================ */

/* ---------- Meldingen onder de kop ---------- */
.meldingen:empty {
  display: none;
}

.meldingen__binnen {
  max-width: var(--breedte-pagina);
  margin: 1rem auto 0;
  padding: 0 var(--rand-pagina);
}

.melding .knoppenrij {
  margin-top: 0.75rem;
}

/* De back-upherinnering: een regio met een kop, geen alert (§4.4). */
.herinnering {
  align-items: flex-start;
}

.herinnering__kop {
  font-family: var(--letter-tekst);
  font-size: 1.0625rem;
  color: inherit;
}

/* ---------- Footer ---------- */
.sitevoet__binnen {
  flex-direction: column;
  gap: 1.25rem;
}

.sitevoet__blokken {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
  gap: 1rem 2rem;
}

.sitevoet__blok {
  line-height: 1.55;
}

.sitevoet__maker {
  padding-top: 0.75rem;
  border-top: 1px solid var(--kleur-lijn);
  font-size: 0.875rem;
}

.sitevoet__blok strong {
  color: var(--kleur-inkt);
}

.sitevoet__links ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 1.25rem;
}

.sitevoet__links a {
  display: inline-flex;
  align-items: center;
  min-height: var(--doel-minimaal);
}