/* Vier footerversies Draagkracht. Bouwt op style.css (tokens, fonts). Dossier-only, CLAUDE-PARTICULIER. */
.ft-preview{background:var(--paper-2);margin:0}
.ft-preview main{padding:2.2rem 1.4rem}
.ft-label{font-family:"Poppins",sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ft-wrap{width:min(1180px,calc(100% - 2.8rem));margin-inline:auto}
.ft{font-family:"Hanken Grotesk",system-ui,sans-serif;font-size:.95rem;line-height:1.6}
.ft h3{font-family:"Bricolage Grotesque",serif;font-weight:700;font-size:1rem;letter-spacing:-.01em;margin:0 0 .9rem}
.ft ul{list-style:none;margin:0;padding:0}
.ft-col li+li{margin-top:.5rem}
.ft a{color:inherit;text-decoration:none}
.ft-col a,.ft-contact a,.ft-legal a{position:relative}
.ft-col a:hover,.ft-contact a:hover,.ft-legal a:hover{color:var(--orange)}
.ft a:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:4px}
.ft-tag{color:var(--muted);max-width:34ch;margin:1rem 0 0}
.ft-logo{width:172px;height:auto;display:block}
.ft-contact{margin-top:1rem}
.ft-contact li+li{margin-top:.55rem}
.ft-contact a{display:inline-flex;align-items:center;gap:.55rem}
.ft-contact svg{flex:none;color:var(--orange)}
.ft-adres,.ft-tijden{color:var(--muted);margin:.9rem 0 0;font-size:.9rem}
.ft-tijden{font-size:.85rem}
.ft-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--orange);color:#fff;font-family:"Poppins",sans-serif;font-weight:700;font-size:.92rem;padding:.75rem 1.2rem;border-radius:999px;transition:background .2s ease,transform .2s ease}
.ft-btn:hover{background:var(--orange-deep);color:#fff;transform:translateY(-1px)}
.ft-btn--wit{background:#fff;color:var(--ink)}
.ft-btn--wit:hover{background:#fff;color:var(--ink)}
.ft-btn--lijn{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}
.ft-btn--lijn:hover{background:transparent;color:var(--orange)}
.ft-google{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.9rem;font-weight:700}
.ft-google span{color:var(--orange);letter-spacing:.08em}
.ft-social{display:flex;gap:.55rem;margin-top:1.1rem}
.ft-social a{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink)}
.ft-social a:hover{background:var(--orange);color:#fff;box-shadow:none}
.ft-keur{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}
.ft-keur__logo img{display:block;height:40px;width:auto;max-width:96px;object-fit:contain}
.ft-keur__tekst{display:inline-grid;place-items:center;height:40px;padding-inline:.85rem;background:#E7ECF2;color:#41506A;border-radius:8px;font-family:"Poppins",sans-serif;font-weight:700;font-size:.74rem;letter-spacing:.02em;white-space:nowrap}
.ft-keur--donker .ft-keur__tekst{background:rgba(255,255,255,.14);color:#fff}
.ft-bottom{display:flex;flex-wrap:wrap;gap:1rem 1.6rem;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:2.4rem;padding-block:1.3rem 1.6rem;font-size:.85rem;color:var(--muted)}
.ft-legal{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
.ft-inline{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem}

/* V1 klassiek */
.ft1{background:#fff;color:var(--ink);border-top:4px solid var(--orange);padding-top:3rem}
.ft1__grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr 1.15fr;gap:2.4rem}
.ft1__merk{max-width:32ch}
.ft1__contact .ft-btn{margin-bottom:.4rem}
.ft1__tips{margin-top:2.2rem;padding-top:1.6rem;border-top:1px solid var(--line)}
.ft1__tips h3{margin-bottom:.6rem}
.ft1__tips a{color:var(--muted)}
@media(max-width:1000px){.ft1__grid{grid-template-columns:1fr 1fr 1fr}.ft1__merk{grid-column:1/-1;max-width:48ch}}
@media(max-width:700px){.ft1__grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.ft1__grid{grid-template-columns:1fr}}

/* V1 herzien: opzet van de-kievit.nl vertaald naar Draagkracht (LEAD-398) */
.ft1{position:relative;isolation:isolate;background:var(--ink);color:rgba(255,255,255,.88);border-top:0;padding-top:0}
.ft1 a:not(.ft-btn){color:#fff}
.ft1 a:not(.ft-btn):hover{color:var(--orange)}
.ft1 h3{color:#fff;font-family:"Poppins",sans-serif;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:#F8B45A}
.ft1__media{position:absolute;inset:0;z-index:-1;overflow:hidden}
.ft1__media img{width:150%;max-width:none;height:100%;object-fit:cover;object-position:50% 30%;margin-left:-56%;filter:saturate(.85)}
.ft1__media::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(14,44,74,.78) 0 46%,rgba(14,44,74,.58) 68%,rgba(14,44,74,.44) 100%)}
.ft1__claim{padding-block:clamp(1.4rem,2.6vw,2.1rem) clamp(1.2rem,2.2vw,1.7rem);display:grid;grid-template-columns:minmax(0,1.15fr) auto;gap:1.2rem 2.6rem;align-items:center}
.ft1__claim-tekst{max-width:34rem}
.ft1__claim-actie{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem}
.ft1__eyebrow{font-family:"Poppins",sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#F8B45A;margin:0 0 .5rem;display:flex;align-items:center;gap:.7rem}
.ft1__eyebrow::before{content:"";width:28px;height:2px;background:var(--orange);flex:none}
.ft1__claim h2{font-family:"Bricolage Grotesque",serif;font-weight:800;color:#fff;font-size:clamp(1.55rem,2.6vw,2.05rem);line-height:1.08;letter-spacing:-.03em;margin:0 0 .5rem;max-width:20ch}
.ft1__lead{color:rgba(255,255,255,.8);max-width:46ch;margin:0;line-height:1.6;font-size:.92rem}
.ft1__tel{display:inline-flex;align-items:center;gap:.6rem;font-family:"Bricolage Grotesque",serif;font-weight:700;font-size:clamp(1.25rem,2vw,1.55rem);line-height:1;margin:0}
.ft1__tel svg{color:var(--orange);flex:none}
.ft1__knoppen{display:flex;flex-wrap:wrap;gap:.7rem}
.ft-btn--groen{background:var(--wa)}
.ft-btn--groen:hover{background:var(--wa-deep);color:#fff}
.ft1__onder{background:linear-gradient(to bottom,rgba(14,44,74,0) 0,rgba(14,44,74,.6) 30px,rgba(14,44,74,.97) 80px,var(--ink) 100%);padding-top:64px}
.ft1__rooster{display:grid;grid-template-columns:1.35fr minmax(230px,1.25fr) 1fr 1fr 1fr 1fr;gap:1.6rem 2rem;border-top:1px solid rgba(255,255,255,.16);padding-block:1.9rem}
.ft1__rooster>*{min-width:0}
.ft1__merk .ft-tag{color:rgba(255,255,255,.72);font-size:.9rem}
.ft1 address{font-style:normal;font-size:.9rem;line-height:1.7;color:rgba(255,255,255,.8)}
.ft1 .ft-tijden{color:rgba(255,255,255,.6)}
.ft1 .ft-col a{font-size:.9rem}
.ft1 .ft-social a{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.25);color:#fff}
.ft1__merken{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem 1.6rem;border-top:1px solid rgba(255,255,255,.16);padding-block:1.5rem}
.ft1__balk{background:#0A2340;color:rgba(255,255,255,.66);font-size:.82rem}
.ft1__balk-in{display:flex;flex-wrap:wrap;gap:.8rem 1.6rem;align-items:center;justify-content:space-between;padding-block:1rem}
.ft1__balk a{color:rgba(255,255,255,.82)}
@media(max-width:1224px){.ft1__rooster{grid-template-columns:repeat(3,minmax(0,1fr))}.ft1__merk{grid-column:1/-1}}
@media(max-width:700px){.ft1__rooster{grid-template-columns:repeat(2,minmax(0,1fr))}.ft1__media::after{background:linear-gradient(180deg,rgba(14,44,74,.9) 0 60%,rgba(14,44,74,.97) 100%)}}
@media(max-width:430px){.ft1__rooster{grid-template-columns:1fr}}
/* Lange e-mailadressen mogen nooit over de kolomgrens lopen */
.ft address a,.ft-contact a,.ft2__kaart a{overflow-wrap:anywhere}
.ft1 address{overflow-wrap:anywhere}

/* Keurmerkenrij: logo's plus ISO-chip met beeldmerk (plaatshouder tot levering) */
.ft-keur__iso{display:inline-flex;align-items:center;gap:.6rem;background:#E7ECF2;border-radius:8px;padding:.3rem .8rem .3rem .35rem}
.ft-keur__iso img{display:block;height:34px;width:auto}
.ft-keur--donker .ft-keur__iso{background:rgba(255,255,255,.14)}

.ft-keur--donker .ft-keur__tekst{background:none;color:#fff}
.ft-keur__tekst{font-family:"Poppins",sans-serif;font-weight:700;font-size:.74rem;letter-spacing:.02em;color:#41506A;white-space:nowrap}
/* De witte knop op de oranje balk hield de geerfde witte tekstkleur: expliciet navy zetten */
.ft .ft-btn--wit,.ft .ft-btn--wit:hover{color:var(--ink)}
/* Claimblok halveren (LEAD-409): tekst links, telefoon en knoppen rechts; gestapeld onder 820px */
@media(max-width:820px){.ft1__claim{grid-template-columns:1fr;gap:.9rem}.ft1__claim-actie{align-items:flex-start}}

/* LEAD-412/418 (CLAUDE-HOME): telefoonicoon uit de gedeelde set, Google-merk bij de reviewregel,
   en het e-mailadres breekt niet meer midden in een woord. */
.ft1__telicoon{width:30px;height:30px;flex:none}
.ft-google__merk{width:22px;height:22px;flex:none}
.ft-google{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.ft1 address a,.ft1 a[href^="mailto:"]{overflow-wrap:normal;word-break:normal;hyphens:none}
.ft1 a[href^="mailto:"]{font-size:.88rem;letter-spacing:-.01em;white-space:nowrap}
@media(max-width:1100px){.ft1 a[href^="mailto:"]{font-size:.86rem}}

/* LEAD-465: op het donkere vlak krijgt ISO geen eigen vlak, zodat de drie merken één rij vormen. */
.ft-keur--donker .ft-keur__iso{background:none;border-radius:0;padding:0;gap:10px}
.ft-keur--donker .ft-keur__iso img{height:40px;width:auto}
.ft-keur--donker .ft-keur__tekst{color:#fff;font-family:"Poppins",sans-serif;font-weight:700;font-size:.84rem;letter-spacing:.01em}
@media(max-width:430px){.ft-keur--donker .ft-keur__tekst{display:none}}

/* LEAD-488: bij zweven werd de knop oranje terwijl het icoon wit bleef; het icoon wordt nu navy en blijft zichtbaar. */
.ft1 .ft-social a:hover,.ft1 .ft-social a:focus-visible{color:var(--ink);background:var(--orange)}
.ft1 .ft-social a:hover svg,.ft1 .ft-social a:focus-visible svg{fill:currentColor}

/* LEAD-494: de sfeerfoto in het claimblok loopt over de volle vensterbreedte; alleen de tekst blijft binnen de
   inhoudskolom. De donkere laag loopt mee, zodat de leesbaarheid gelijk blijft. */
.ft1{position:relative;overflow:hidden}
.ft1__media{position:absolute;left:50%;right:auto;width:100vw;transform:translateX(-50%);max-width:none}
.ft1__media img{width:100%;margin-left:0;object-position:30% 30%}
.ft1__media::after{inset:0}