/*
 * Studio DT — compact footer variant.
 * Light page background (no green band); dark U8Web text; © left, Imprint beside.
 */
.site-footer--compact {
    font-weight: var(--font-weight-regular);   /* match the large footer (body default is medium) */
}
.site-footer--compact .site-footer__inner {
    padding-block: var(--space-lg);
}
/* Bottom row replicates the large footer's last row exactly (gap, font, links);
   only the colour differs — dark-on-light here (no green band). */
.site-footer--compact .site-footer__bottom {
    display: flex;
    align-items: center;
    gap: clamp(var(--space-2xs), 3.5vw, var(--space-xl));   /* squeezes to keep the links on one line */
    flex-wrap: wrap;
    font-size: var(--font-size-footnote);   /* the reopen trigger inherits this */
    font-weight: var(--font-weight-medium);
}
.site-footer--compact .site-footer__copy {
    margin: 0;
    font-size: var(--font-size-footnote);
    color: var(--color-text-default);
}
.site-footer--compact .site-footer__imprint {
    font-size: var(--font-size-footnote);
    color: var(--color-text-default);
}

/* Mobile: follow the nav bar's 10px gutter, and stack the bottom row (©, Imprint, Cookievoorkeuren)
   close together on separate lines. (After the base rules so it wins on source order.) */
@media (max-width: 800px) {
    .site-footer--compact .site-footer__inner { padding-inline: calc(var(--space-md) / 2); }
    .site-footer--compact .site-footer__bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-2xs);
    }
}