/* Footer v2 (homepage + alle v2-pagina's). Markup: hyfox_v2_footer_html() in inc/v2-shared.php */

footer.hf-footer{position:relative;isolation:isolate;overflow:hidden;margin-top:0;padding:96px 0 0;border-top:0;background:#01040f}
footer.hf-footer .hf-glow{position:absolute;left:50%;top:-240px;width:min(1000px,120%);height:440px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(34,197,94,.2),transparent);filter:blur(30px);pointer-events:none;z-index:-1}
footer.hf-footer:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(148,163,184,.12) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 60%);mask-image:linear-gradient(180deg,#000,transparent 60%);pointer-events:none;z-index:-1}

footer.hf-footer .hf-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:48px}

/* merk + social */
footer.hf-footer .hf-brand .logo{display:flex;align-items:center;height:54px}
footer.hf-footer .hf-brand .logo img{width:auto;height:54px;border-radius:0}
footer.hf-footer .hf-brand p{margin:20px 0 0;max-width:40ch;color:#94a3b8;font-size:15px;line-height:1.7}
footer.hf-footer .hf-social{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
footer.hf-footer .hf-social a{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:#cbd5e1;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(148,163,184,.2);transition:transform .25s,color .25s,background .25s,border-color .25s,box-shadow .25s}
footer.hf-footer .hf-social a:hover{transform:translateY(-4px);color:#04130a;background:#22c55e;border-color:#22c55e;box-shadow:0 14px 30px -10px rgba(34,197,94,.65)}
footer.hf-footer .hf-social svg{width:20px;height:20px;display:block}
footer.hf-footer .hf-pill{display:inline-flex;align-items:center;gap:10px;margin-top:24px;padding:9px 16px;border-radius:999px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.28);color:#bbf7d0;font:600 13px/1.2 Inter,sans-serif}
footer.hf-footer .hf-pill i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.55);animation:hfpulse 2s infinite}
@keyframes hfpulse{70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}

/* kolommen: kopjes staan op dezelfde hoogte als het logo, de eerste regel op dezelfde hoogte als de omschrijving */
footer.hf-footer .hf-col h4{display:flex;align-items:center;min-height:54px;margin:0 0 20px;font:800 13px/1 Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#fff}
footer.hf-footer .hf-col ul{margin:0;padding:0;list-style:none}
footer.hf-footer .hf-col li{margin:0 0 10px;font-size:15px;line-height:1.7;color:#94a3b8}
footer.hf-footer .hf-col li a{display:inline-block;color:#94a3b8;transition:color .2s,transform .2s}
footer.hf-footer .hf-col li a:hover{color:#fff;transform:translateX(5px)}
footer.hf-footer .hf-contact li{display:flex;align-items:flex-start;gap:12px}
footer.hf-footer .hf-contact li svg{flex:none;width:18px;height:18px;margin-top:4px;color:#22c55e}
footer.hf-footer .hf-contact li a:hover{transform:none}
footer.hf-footer .hf-cta{margin-top:14px}
footer.hf-footer .hf-cta .btn{padding:13px 22px;font-size:14px}

/* onderbalk */
footer.hf-footer .hf-bottom{position:relative;margin-top:72px;background:#01040f}
footer.hf-footer .hf-bottom .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;padding:0 0 34px;color:#64748b;font-size:13.5px}
footer.hf-footer .hf-legal{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px}
footer.hf-footer .hf-legal a{color:#94a3b8;transition:color .2s}
footer.hf-footer .hf-legal a:hover{color:#22c55e}
footer.hf-footer .hf-up{display:inline-flex;align-items:center;gap:10px;padding:9px 16px 9px 18px;border-radius:999px;color:#cbd5e1;background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.2);font:700 13px/1 Manrope,sans-serif;cursor:pointer;transition:transform .25s,border-color .25s,color .25s}
footer.hf-footer .hf-up svg{width:14px;height:14px}
footer.hf-footer .hf-up:hover{transform:translateY(-3px);color:#22c55e;border-color:rgba(34,197,94,.55)}

@media(max-width:1020px){
  footer.hf-footer .hf-top{grid-template-columns:1fr 1fr;gap:40px}
  footer.hf-footer .hf-brand{grid-column:1/-1}
  footer.hf-footer .hf-col h4{min-height:0}
}
@media(max-width:760px){
  footer.hf-footer{padding-top:72px}
  footer.hf-footer .hf-top{grid-template-columns:1fr 1fr;gap:34px 24px}
  footer.hf-footer .hf-contact{grid-column:1/-1}
  footer.hf-footer .hf-bottom{margin-top:56px}
  footer.hf-footer .hf-bottom .wrap{flex-direction:column;align-items:flex-start;padding-bottom:104px}
}
@media(max-width:420px){
  footer.hf-footer .hf-top{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){footer.hf-footer .hf-pill i{animation:none}}