/* Footer, versie 3 (11 nov 2026): compact en rustig. Alleen styling + kleine herschikking (site-footer-2027.js); menu's en teksten ongewijzigd. */
footer.sf-site-footer{--line:rgba(255,255,255,.07);position:relative;padding:56px 0 22px!important;background:#050610!important;border:0!important;border-top:1px solid var(--line)!important;color:#8A8FA6;font-family:Roboto,system-ui,sans-serif}
footer.sf-site-footer .footer-inner{width:min(1260px,100% - 32px)!important;max-width:none!important;margin-inline:auto!important;padding:0!important}
footer.sf-site-footer .sf-ft-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr) minmax(0,1.55fr) minmax(0,1.45fr);gap:clamp(24px,3.5vw,48px)}
footer.sf-site-footer .footer-top,footer.sf-site-footer .footer-cols{display:contents!important}
/* merk + contact */
footer.sf-site-footer .sf-ft-brand{display:grid;align-content:start;gap:14px}
footer.sf-site-footer .footer-logo img{height:22px!important;width:auto!important;display:block}
footer.sf-site-footer .footer-col--contact{display:grid!important;gap:0!important;align-content:start}
footer.sf-site-footer .footer-col--contact h4{display:none!important}
footer.sf-site-footer .footer-col--contact > *{display:block!important;margin:0!important;padding:2px 0!important;font:400 13px/1.55 Roboto,system-ui,sans-serif!important;color:#6E738C!important;text-decoration:none!important}
footer.sf-site-footer .footer-col--contact > a:hover{color:#fff!important}
footer.sf-site-footer .footer-col--contact > a[data-open-meeting]{margin-top:8px;color:#ff8a92!important;font-weight:500!important}
footer.sf-site-footer .footer-col--contact > a[data-open-meeting]::after{content:" →"}
/* linkkolommen */
footer.sf-site-footer .footer-col{display:grid!important;align-content:start;gap:0!important}
footer.sf-site-footer .footer-col--breed{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px!important}
footer.sf-site-footer .footer-col--breed h4{grid-column:1 / -1}
footer.sf-site-footer .footer-col h4{margin:0 0 10px!important;font:600 11px/1 Poppins,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase;color:#fff!important}
footer.sf-site-footer .footer-col h4 a{color:#fff!important;text-decoration:none}
footer.sf-site-footer .footer-col:not(.footer-col--contact) > a{display:block;width:max-content;max-width:100%;padding:4px 0;font:400 13px/1.45 Roboto,system-ui,sans-serif!important;color:#8A8FA6!important;text-decoration:none!important;transition:color .25s}
footer.sf-site-footer .footer-col:not(.footer-col--contact) > a:hover{color:#fff!important}
/* onderrij */
footer.sf-site-footer .footer-bottom{display:flex!important;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 20px;margin:40px 0 0!important;padding:18px 0 0!important;border-top:1px solid var(--line)!important}
footer.sf-site-footer .footer-bottom p{margin:0!important;font-size:12px!important;color:#6E738C!important}
footer.sf-site-footer .footer-legal{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:0!important}
footer.sf-site-footer .footer-legal a{font-size:12px!important;color:#6E738C!important;text-decoration:none}
footer.sf-site-footer .footer-legal a:hover{color:#fff!important}
footer.sf-site-footer .footer-socials{display:flex;gap:4px}
footer.sf-site-footer .footer-socials a{width:30px!important;height:30px!important;border-radius:8px!important;display:grid!important;place-items:center;border:0!important;background:transparent!important;color:#8A8FA6!important;transition:color .25s,background .25s!important}
footer.sf-site-footer .footer-socials a:hover{color:#fff!important;background:rgba(255,255,255,.06)!important}
footer.sf-site-footer .footer-socials svg{width:15px;height:15px}
@media (max-width:1000px){footer.sf-site-footer .sf-ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){footer.sf-site-footer .sf-ft-grid{grid-template-columns:minmax(0,1fr)}footer.sf-site-footer .footer-bottom{flex-direction:column;align-items:flex-start}}
@media (min-width:1001px){footer.sf-site-footer .footer-col--breed > a{white-space:nowrap}}

/* ── SalesFision-accenten (klein en subtiel) ── */
/* rood-oranje merklijn bovenaan i.p.v. een grijze rand, met een zachte gloed eronder */
footer.sf-site-footer{border-top:0!important;isolation:isolate}
footer.sf-site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#C8202A 20%,#E83642 50%,#FF8A3D 80%,transparent);opacity:.8}
footer.sf-site-footer::after{content:"";position:absolute;z-index:-1;left:50%;top:0;width:min(900px,90%);height:140px;translate:-50% 0;background:radial-gradient(50% 100% at 50% 0%,rgba(232,54,66,.13),transparent);pointer-events:none}
/* kolomkoppen met rode stip, zoals de labeltjes op de site */
footer.sf-site-footer .footer-col h4{display:flex;align-items:center;gap:8px}
footer.sf-site-footer .footer-col h4::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:#E83642;box-shadow:0 0 8px rgba(232,54,66,.9)}
footer.sf-site-footer .footer-col h4 a:hover{color:#ff8a92!important}
/* links: rood lijntje dat erin schuift */
footer.sf-site-footer .footer-col:not(.footer-col--contact) > a{position:relative}
footer.sf-site-footer .footer-col:not(.footer-col--contact) > a::after{content:"";position:absolute;left:0;bottom:2px;width:100%;height:1px;background:linear-gradient(90deg,#E83642,#FF8A3D);transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.22,1,.36,1)}
footer.sf-site-footer .footer-col:not(.footer-col--contact) > a:hover::after{transform:scaleX(1);transform-origin:left}
/* contact: telefoon en e-mail iets helderder */
footer.sf-site-footer .footer-col--contact > a[href^="mailto:"]{color:#A9AEC4!important}
/* socials: rood bij hover */
footer.sf-site-footer .footer-socials a:hover{color:#fff!important;background:#C8202A!important}
/* onderrij: merklijn eronder dimmer, legal-links rood onderstreept bij hover */
footer.sf-site-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.06)!important}
footer.sf-site-footer .footer-legal a:hover{color:#fff!important;text-decoration:underline;text-decoration-color:#E83642;text-underline-offset:3px}