/* LumenSphere — stijlen voor de footer. Hoort bij footer/footer.js. */
/* Twee blokken naast elkaar op dezelfde hoogte: legal links, copyright rechts. */
.footer { flex-shrink: 0; padding: 24px 32px; color: #778; border-top: 1px solid #e6e9ef; background: #f1c40f;
  display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; }
.foot-legal { text-align: left; margin: 0; }
.foot-legal details { margin: 6px 0; }
.foot-legal summary { color: #556; font-weight: 500; cursor: pointer; }
.foot-legal .foot-doc { display: block; margin: 6px 0; color: #556; font-weight: 500; text-decoration: none; }
.foot-legal .foot-doc:hover { text-decoration: underline; }
.foot-legal p { color: #778; margin: 6px 0 0; font-size: 14px; max-width: 420px; }
.foot-right { text-align: right; }
.foot-copy { margin: 0; }
.foot-link { margin: 4px 0 0; }
.foot-link a { color: #c0392b; text-decoration: none; }
.foot-link a:hover { text-decoration: underline; }