/* Footer: donkerblauw, zodat de pagina onderaan rustig afsluit na de blauwe
   oproep erboven. Privacy en cookies staan op elke pagina. */
.site-footer {
    background: var(--bg-dark, #120c7a);
    color: rgba(255, 255, 255, .78);
    font-size: .95rem;
}

.site-footer a { color: #fff; }

.site-footer__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: clamp(2.5rem, 6vw, 3.5rem) clamp(1rem, 4vw, 2rem) 2rem;
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 2rem;
}

.site-footer__tagline { margin-top: .75rem; }

.site-footer__kop {
    font-family: var(--font-head);
    font-weight: 400;
    font-size: 1.1rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: .5rem;
}

.site-footer__onder {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1.25rem clamp(1rem, 4vw, 2rem) 1.75rem;
    border-top: 1px solid rgba(255, 255, 255, .14);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    font-size: .88rem;
}

.footer-legal {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.legal-links {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.legal-links a {
    color: rgba(255, 255, 255, .88);
    text-decoration: none;
}

.legal-links a:hover { color: #fff; text-decoration: underline; }

.separator { opacity: .5; font-size: .8rem; }

@media (max-width: 760px) {
    .site-footer__inner { grid-template-columns: 1fr; gap: 1.5rem; }
    .site-footer__onder { flex-direction: column; text-align: center; }
    .footer-legal { flex-direction: column; gap: .5rem; }
}