/* Footer v2 mobiel: contact eerst als kaart met twee knoppen, links in twee kolommen, adres als rustig blok.
   Alleen CSS, de HTML van de footer blijft gelijk op alle pagina's. */
@media (max-width:620px){
  .site-footer{display:flex;flex-direction:column;padding-top:48px;padding-bottom:104px}
  .footer-sitemap{order:1}
  /* Logo als afsluiter onderaan, in plaats van dubbel bovenaan onder de menubalk */
  .site-footer .footer-top{order:2;gap:8px;margin-top:44px;padding-bottom:0;border-bottom:0}
  html .site-footer .footer-top .brand{font-size:56px;line-height:.9}
  .site-footer .footer-top p{font-size:.9375rem;color:var(--muted)}
  .site-footer .footer-bottom{order:3}

  .footer-sitemap{display:flex;flex-direction:column;gap:36px;padding:0;border-top:0}
  .footer-sitemap>div{gap:0}
  .footer-sitemap b{font-size:.75rem;letter-spacing:.14em;color:var(--muted);margin-bottom:10px}

  /* Contact: kaart met knoppen */
  .footer-sitemap>div:nth-child(2){order:-1;padding:22px 20px 8px;border:1px solid var(--line);border-radius:24px;background:#fff;align-items:stretch}
  .footer-sitemap>div:nth-child(2) b{color:var(--ink,#182726);font-size:.8125rem;margin-bottom:14px}
  .footer-sitemap>div:nth-child(2) a[href="/kennismaken"],
  .footer-sitemap>div:nth-child(2) a[href^="https://wa.me"]{justify-content:center;min-height:52px;border-radius:999px;font-size:.9375rem;font-weight:600;text-decoration:none}
  .footer-sitemap>div:nth-child(2) a[href="/kennismaken"]{background:#2e48d1;color:#fff}
  .footer-sitemap>div:nth-child(2) a[href^="https://wa.me"]{margin-top:10px;margin-bottom:10px;background:transparent;color:#197943;box-shadow:inset 0 0 0 1.5px #197943}
  .footer-sitemap>div:nth-child(2) a[href^="mailto:"],
  .footer-sitemap>div:nth-child(2) a[href^="tel:"]{min-height:52px;align-items:center;border-top:1px solid var(--line);font-size:1rem}
  .footer-sitemap>div:nth-child(2) a[href^="mailto:"],.footer-sitemap>div:nth-child(2) a[href^="tel:"]{display:flex;justify-content:flex-start;flex-wrap:nowrap;column-gap:.3em}
  .footer-sitemap>div:nth-child(2) a[href^="mailto:"]::after,.footer-sitemap>div:nth-child(2) a[href^="tel:"]::after{content:"\2197\FE0E";color:var(--muted);font-size:.875rem;margin-left:auto;padding-left:12px}
  .footer-sitemap>div:nth-child(2) a:hover{text-decoration:none}

  /* Ontdek: twee kolommen */
  .footer-sitemap>div:nth-child(1){display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
  .footer-sitemap>div:nth-child(1) b{grid-column:1/-1}
  .footer-sitemap>div:nth-child(1) a{min-height:44px;font-size:1rem;border-top:1px solid var(--line)}

  /* Goed geregeld: rijen onder elkaar, plus adresblok */
  .footer-sitemap>div:nth-child(3){display:grid;grid-template-columns:1fr;grid-column:auto}
  .footer-sitemap>div:nth-child(3) b{grid-column:1/-1}
  .footer-sitemap>div:nth-child(3) a{min-height:44px;font-size:.9375rem;color:var(--muted);border-top:1px solid var(--line)}
  .footer-sitemap>div:nth-child(3) .footer-address{grid-column:1/-1;margin-top:18px;padding:16px 18px;border-radius:18px;background:var(--sand,#ece6db);font-size:.875rem;line-height:1.65;color:var(--ink,#182726)}

  .site-footer .footer-bottom{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-top:32px;padding-top:20px;border-top:1px solid var(--line);font-size:.8125rem}
  .site-footer .footer-bottom .concept-note{font-size:.8125rem;text-align:right}
}

/* Footer v2 desktop en tablet: strak ritme. Kopjes 30px, elke regel 36px in alle kolommen,
   logo bovenaan gelijk met de kopjes, slogan op de eerste regel. */
@media (min-width:621px){
  .site-footer{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,3fr);column-gap:clamp(32px,5vw,80px);align-items:start;padding-top:clamp(48px,5vw,72px);padding-bottom:28px}
  .site-footer .footer-top{grid-column:1;grid-row:1;display:block;padding:0;border:0;margin:0}
  html .site-footer .footer-top .brand{display:block;font-size:40px;height:30px;line-height:30px;overflow:visible}
  .site-footer .footer-top p{display:flex;align-items:center;min-height:36px;margin:0;font-size:.9375rem;line-height:1.3;color:var(--muted)}
  .footer-sitemap{grid-column:2;grid-row:1;display:grid;grid-template-columns:auto auto auto;justify-content:space-between;column-gap:40px;padding:0;border:0}
  .footer-sitemap>div,.footer-sitemap>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:0;grid-column:auto}
  .footer-sitemap b{display:block;height:30px;line-height:20px;margin:0;font-size:.75rem}
  .footer-sitemap a,.footer-sitemap a[href^="tel:"]{display:flex;align-items:center;flex-wrap:nowrap;column-gap:.3em;min-height:36px;height:36px;margin:0;padding:0;font-size:.9375rem;line-height:1.3;white-space:nowrap;background:none;border-radius:0}
  .footer-sitemap>div:nth-child(1){display:grid;grid-template-columns:auto auto;column-gap:48px;align-content:start}
  .footer-sitemap>div:nth-child(1) b{grid-column:1/-1}
  .footer-sitemap>div:nth-child(2) a[href="/kennismaken"]{color:#2e48d1;font-weight:600}
  .footer-sitemap .footer-address{margin-top:12px;font-size:.875rem;line-height:1.6;color:var(--muted)}
  .site-footer .footer-bottom{grid-column:1/-1;grid-row:2;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:48px;padding-top:20px;border-top:1px solid var(--line);font-size:.8125rem}
  .site-footer .footer-bottom .concept-note{font-size:.8125rem}
}
@media (min-width:621px) and (max-width:1180px){
  .site-footer{grid-template-columns:1fr}
  .site-footer .footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}
  .footer-sitemap{grid-column:1;grid-row:2}
  .footer-sitemap>div:nth-child(1){column-gap:32px}
  .site-footer .footer-bottom{grid-row:3}
}
@media (min-width:621px) and (max-width:900px){
  .footer-sitemap{column-gap:24px}
  .footer-sitemap>div:nth-child(1){grid-template-columns:auto}
}