/* ============================================================
   publiek/voet.css - de voet onderaan.
   Hoort bij templates/public/delen/_voet.html.
   ============================================================ */

.voet {
    border-top: 1px solid var(--rand);
    background: rgba(6, 8, 24, .7);
    color: var(--tekst-zacht);
    font-size: 13px;
}
.voet-binnen {
    max-width: var(--breedte);
    margin: 0 auto;
    padding: 18px var(--rand-ruimte);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 6px 20px;
}
.voet-merk { font-weight: 800; color: var(--tekst); }
.voet-merk span { color: var(--paars-licht); }

/* de links rechts: Privacy en wat er later bij komt */
.voet-links { display: flex; flex-wrap: wrap; gap: 4px 18px; margin-left: auto; }
.voet-links a { color: var(--tekst-zacht); text-decoration: none; }
.voet-links a:hover,
.voet-links a[aria-current="page"] { color: var(--tekst); text-decoration: underline; text-underline-offset: 3px; }