/* ==========================================================================
   Viltgroen — Footer: Single Column, Centered, Minimal
   ========================================================================== */

.footer {
    background: var(--c-surface);
    border-top: 1px solid var(--c-border);
    padding: var(--s-64) var(--s-24) var(--s-48);
    text-align: center;
}

.footer__inner {
    max-width: var(--max-w);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--s-32);
}

/* Logo */
.footer__logo {
    display: flex;
    justify-content: center;
}

.footer__logo img,
.footer__logo svg {
    height: 32px;
    width: auto;
}

/* Navigation — horizontal row */
.footer__nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--s-24);
}

.footer__nav a {
    font-size: 0.8125rem;
    font-weight: 400;
    color: var(--c-text-dim);
    text-decoration: none;
    transition: color var(--dur) var(--ease);
}

.footer__nav a:hover {
    color: var(--c-white);
}

/* Business info */
.footer__info {
    font-size: 0.8125rem;
    color: var(--c-text-dim);
    line-height: 1.8;
}

.footer__info a {
    color: var(--c-text-dim);
    text-decoration: none;
    transition: color var(--dur) var(--ease);
}

.footer__info a:hover {
    color: var(--c-accent);
}

/* Legal links */
.footer__legal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--s-16);
}

.footer__legal a {
    font-size: 0.75rem;
    color: var(--c-text-dim);
    text-decoration: none;
    transition: color var(--dur) var(--ease);
}

.footer__legal a:hover {
    color: var(--c-white);
}

/* Disclaimer */
.footer__disclaimer {
    font-size: 0.6875rem;
    color: var(--c-text-dim);
    opacity: 0.7;
    max-width: 480px;
    line-height: 1.6;
}

.footer__disclaimer a {
    color: var(--c-accent);
    text-decoration: underline;
}

/* Cookie settings link */
.footer__cookie-settings {
    font-size: 0.75rem;
    color: var(--c-text-dim);
    text-decoration: underline;
    cursor: pointer;
    background: none;
    border: none;
    font-family: var(--f-body);
}

.footer__cookie-settings:hover {
    color: var(--c-white);
}