/* ============================================================
   H2G Theme — footer.css
   Footer — 1-op-1 met het <footer>-element uit de Lijndraad-ontwerpbron
   (Contact.dc.html): accent-vlak, crème tekst, dunne bovenrand, merk + copyright.
   Globaal op elke pagina.
   ============================================================ */

.h2g-footer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  padding: 28px var(--gutter);
  background: var(--color-accent);
  color: var(--color-white);
  border-top: 1px solid rgba(255, 248, 241, 0.4);
  font-family: var(--font-body);
  font-size: 15px;
  text-transform: uppercase;
}

.h2g-footer__merk {
  font-weight: 700;
}

.h2g-footer__copyright {
  font-weight: 400;
}

/* ─── Juridische links (subtiel op het accentvlak) ────────── */
.h2g-footer__links {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  font-weight: 400;
  font-size: 13px;
}

.h2g-footer__links a {
  color: var(--color-white);
  text-decoration: none;
  opacity: 0.7;
  transition: opacity 0.18s ease;
}

.h2g-footer__links a:hover,
.h2g-footer__links a:focus-visible {
  opacity: 1;
  text-decoration: underline;
}

/* ─── Responsive: horizontale rand schaalt via var(--gutter) (40px→20px). ─
   Aparte 760-override is niet meer nodig. */