/* Villa Palmview — foot262.css (preview, okt 2026): de footer op alle pagina's. Alles hangt onder footer.f262. */
footer.f262{background:var(--ink,#2C2620);color:rgba(244,239,230,.78);text-align:left;font-size:.92rem;line-height:1.7;
  padding:clamp(44px,5.4vw,72px) 0 calc(96px + env(safe-area-inset-bottom,0px))}
footer.f262 .f262-in{max-width:var(--maxw,1180px);margin:0 auto;padding:0 24px}
footer.f262 a{display:inline;min-height:0;padding:0;color:inherit;text-decoration:none}
footer.f262 a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
footer.f262 a:focus-visible{outline:2px solid var(--sand,#F4EFE6);outline-offset:3px}
/* bovenste regel: naam links, de ene oproep rechts */
footer.f262 .f262-lead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px;
  padding-bottom:clamp(26px,3.4vw,40px);margin-bottom:clamp(30px,4vw,48px);border-bottom:1px solid rgba(244,239,230,.16)}
footer.f262 .brand{display:block;margin:0;font-family:var(--serif,Georgia,serif);font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.05;letter-spacing:-.01em;color:var(--sand,#F4EFE6)}
footer.f262 .brand:hover{text-decoration:none;color:#fff}
footer.f262 a.f262-cta{display:inline-flex;align-items:center;min-height:48px;padding:0 30px;border-radius:999px;background:var(--sand,#F4EFE6);color:var(--ink,#2C2620);
  font-size:.84rem;letter-spacing:.12em;text-transform:uppercase;transition:background .15s ease}
footer.f262 a.f262-cta:hover{background:#fff;color:var(--ink,#2C2620);text-decoration:none}
footer.f262 .f262-top{display:grid;grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,1fr));gap:36px clamp(24px,4vw,64px)}
footer.f262 .f262-h{margin:0 0 10px;font-family:var(--sans,sans-serif);font-size:.72rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:rgba(244,239,230,.66)}
footer.f262 ul+.f262-h{margin-top:26px}
footer.f262 ul{list-style:none;margin:0;padding:0}
footer.f262 li a{display:flex;align-items:center;min-height:34px;width:max-content;max-width:100%}
footer.f262 .f262-addr{margin:0;font-style:normal}
footer.f262 .f262-contact{margin:12px 0 0}
footer.f262 .f262-contact a{display:flex;align-items:center;min-height:36px;width:max-content;max-width:100%;color:var(--sand,#F4EFE6);overflow-wrap:anywhere}
footer.f262 .f262-social{margin:8px 0 0;display:flex;flex-wrap:wrap;gap:0 18px}
footer.f262 .f262-social a{display:inline-flex;align-items:center;min-height:36px}
footer.f262 .f262-base{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 32px;
  margin-top:clamp(34px,4.6vw,56px);padding-top:20px;border-top:1px solid rgba(244,239,230,.16);font-size:.78rem;line-height:1.7;color:rgba(244,239,230,.7)}
footer.f262 .f262-base p{margin:0}
footer.f262 .f262-langs{display:flex;gap:0 4px}
footer.f262 .f262-langs a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;min-width:36px;letter-spacing:.08em}
footer.f262 .f262-langs a[aria-current]{color:var(--sand,#F4EFE6);text-decoration:underline;text-underline-offset:4px}
footer.f262 .f262-reg{flex:1 1 100%;order:5}
footer.f262 .f262-reg b{font-weight:500}
footer.f262 .nrua{word-break:break-all}
footer.f262 .legal-links{display:flex;flex-wrap:wrap;gap:0 22px;margin:0;font-size:inherit;line-height:inherit;opacity:1}
footer.f262 .legal-links a{display:inline-flex;align-items:center;min-height:36px;text-decoration:none}
footer.f262>p{max-width:var(--maxw,1180px);margin:6px auto 0!important;padding:0 24px;text-align:left!important}
footer.f262 .vpc-footlink{color:rgba(244,239,230,.8);opacity:1}
@media(max-width:900px){
  footer.f262 .f262-top{grid-template-columns:repeat(2,minmax(0,1fr))}
  footer.f262 .f262-brandcol{grid-column:1/-1}
  footer.f262 li a{min-height:42px}
  footer.f262 .f262-contact a,footer.f262 .f262-social a,footer.f262 .legal-links a,footer.f262 .f262-langs a{min-height:44px}
  footer.f262 .f262-langs a{min-width:44px}
  footer.f262 .f262-social{gap:0 6px}
  footer.f262 .f262-social a{min-width:44px}
  footer.f262 .brand{display:flex;align-items:center;min-height:44px}
  footer.f262 .vpc-footlink{min-height:44px;padding-block:0;margin-block:0;font-size:.78rem}
  footer.f262 .f262-h{font-size:.75rem}
}
@media(prefers-reduced-motion:reduce){footer.f262 a.f262-cta{transition:none}}

/* v263: dezelfde footer op pagina's met een eigen, kleinere stijlbasis (juridisch, kamerplanner, 404): vaste maten en eigen lettertypes */
footer.f262.f263s{--ink:#2C2620;--sand:#F4EFE6;font-family:"Instrument Sans",-apple-system,"Segoe UI",sans-serif;font-size:16.56px;line-height:1.7;margin:0;max-width:none;width:auto;border:0}
footer.f262.f263s[hidden]{display:none}
footer.f262.f263s .brand{font-family:"Fraunces",Georgia,serif;font-weight:400;text-transform:none;font-size:clamp(34.2px,3.4vw,48.6px);letter-spacing:-.01em}
footer.f262.f263s .brand b{font-weight:400}
footer.f262.f263s .f262-h{font-size:12.96px}
footer.f262.f263s a.f262-cta{font-size:15.12px}
footer.f262.f263s .f262-base{font-size:14.04px}
footer.f262.f263s li{margin:0;padding:0;font-size:inherit}
footer.f262.f263s li a,footer.f262.f263s .f262-contact a,footer.f262.f263s .f262-social a{font-size:inherit}
footer.f262.f263s p{max-width:none}
@media(max-width:900px){footer.f262.f263s .f262-h{font-size:13.5px}}
/* 404: kaart blijft gecentreerd, footer over de volle breedte eronder */
body.e404{flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0}
body.e404>main{flex:0 0 auto;max-width:688px;margin:auto;padding:calc(32px + env(safe-area-inset-top,0px)) 24px 56px}
body.e404>footer.f262{flex:0 0 auto;margin-top:0;border-top:0}