/*
 * Site-footer (legacy "variation 4") — site-breed, gerenderd door
 * App\Footer\FooterRenderer en in page.phtml tussen </main> en </body> gezet.
 * Class-namen sluiten aan op de site-design `design_footer`-slots (SiteDesign).
 */

/* Géén achtergrond/kleur/spacing op `.site-footer` hier — die opmaak komt uit
   de CMS (`design_footer.layer` → SiteDesign). Dit bestand bevat alleen de
   structurele layout (grid/flex/kolommen). */

.site-footer__inner {
    max-width: var(--content-max);
    margin-inline: auto;
    padding-inline: var(--gutter);
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.site-footer__row {
    display: grid;
    gap: var(--space-4) var(--space-6);
}
.site-footer__row--top  { grid-template-columns: auto 1fr; align-items: center; }
.site-footer__row--main { grid-template-columns: minmax(12rem, 1fr) 2fr; align-items: start; }

@media (max-width: 48rem) {
    .site-footer__row { grid-template-columns: 1fr; }
}

.site-footer__media img,
.site-footer__logo { max-width: 240px; height: auto; display: block; }

.site-footer__slogan   { font-weight: 600; margin-bottom: var(--space-2); }
.site-footer__col-title { font-weight: 700; margin-bottom: var(--space-2); }

/* Socials */
.site-footer__socials {
    list-style: none; margin: 0; padding: 0;
    display: flex; flex-wrap: wrap; gap: var(--space-3);
}
.site-footer__socials a {
    display: inline-flex; align-items: center; gap: .4em;
    text-decoration: none; color: inherit;
}
.site-footer__social-icon { width: 24px; height: 24px; object-fit: contain; }
.site-footer__socials a:hover { color: var(--color-primary); }

/* Link-kolommen */
.site-footer__links {
    display: grid; gap: var(--space-4) var(--space-5);
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}
.site-footer__links-col ul {
    list-style: none; margin: 0; padding: 0;
    display: flex; flex-direction: column; gap: .35em;
}
.site-footer__links a { text-decoration: none; color: inherit; }
.site-footer__links a:hover { text-decoration: underline; }

/* type=text-kolom (bv. openingstijden): label | waarde */
.site-footer__links-table li {
    display: flex;
    justify-content: space-between;
    gap: var(--space-3);
}

/* Adres */
.site-footer__address :is(p) { margin: 0 0 .5em; }
.site-footer__address a { color: inherit; }

/* Credit-balk (copyright + Multiminded) */
.site-footer__credit {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
    gap: var(--space-3);
    border-top: 1px solid var(--color-border);
    padding-top: var(--space-4);
    color: var(--color-fg-muted);
    font-size: .85rem;
}
.site-footer__credit a { color: inherit; text-decoration: none; }
.site-footer__credit a:hover { color: var(--color-primary); }