.elnw-calc{
  --navy:#17497C;--groen:#2E9E3A;--ink:#12283D;--bg:#F6FAF7;
  --lijn:#DFE9E1;--muted:#54677B;--wit:#fff;
  font-family:'Manrope',system-ui,sans-serif;color:var(--ink);font-size:16px;line-height:1.55;
  max-width:1040px;margin:0 auto;
}
.elnw-calc *{box-sizing:border-box}
.elnw-calc .grid{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start}
@media(max-width:880px){.elnw-calc .grid{grid-template-columns:1fr}}
.elnw-calc .kaart{background:var(--wit);border:1px solid var(--lijn);border-radius:14px;padding:20px}
.elnw-calc .kaart + .kaart{margin-top:16px}
.elnw-calc .stap{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.elnw-calc .nr{width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;
  font-family:'Archivo',sans-serif;font-size:13px;font-weight:700;display:grid;place-items:center;flex:0 0 auto}
.elnw-calc .legend{font-family:'Archivo',sans-serif;font-size:13px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--navy);margin:0}
.elnw-calc .uit{opacity:.45;pointer-events:none}
.elnw-calc .uit .nr{background:var(--lijn);color:var(--muted)}

.elnw-calc .zoek{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.elnw-calc .veld{display:flex;flex-direction:column;gap:5px}
.elnw-calc .veld label{font-size:12.5px;font-weight:600;color:var(--muted)}
.elnw-calc input[type=text],.elnw-calc input[type=number],.elnw-calc input[type=email],.elnw-calc input[type=tel]{
  border:1.5px solid var(--lijn);border-radius:10px;padding:11px 13px;font-family:inherit;
  font-size:15px;font-weight:600;color:var(--ink);background:var(--wit);margin:0}
.elnw-calc input:focus{outline:2px solid var(--groen);outline-offset:1px;border-color:var(--groen)}
.elnw-calc .pc{width:130px;text-transform:uppercase}
.elnw-calc .hn{width:92px}.elnw-calc .tv{width:92px}
.elnw-calc button{font-family:inherit;cursor:pointer}
.elnw-calc .knop{background:var(--groen);color:#fff;border:0;border-radius:10px;padding:12px 20px;font-size:15px;font-weight:700}
.elnw-calc .knop:hover{background:#25822E}
.elnw-calc .knop[disabled]{background:var(--lijn);color:var(--muted);cursor:default}
.elnw-calc .fout{margin:12px 0 0;font-size:13.5px;color:#B3261E}
.elnw-calc .fout button{background:none;border:0;padding:0;color:var(--navy);font:inherit;font-weight:700;text-decoration:underline}

.elnw-calc .gevonden{border:1.5px solid var(--groen);background:#F2FAF3;border-radius:12px;padding:16px 18px;margin-top:16px}
.elnw-calc .gevonden.blok{border-color:#E0B4B0;background:#FDF3F2}
.elnw-calc .adr{font-family:'Archivo',sans-serif;font-size:17px;font-weight:700;color:var(--navy)}
.elnw-calc .feiten{display:flex;gap:22px;flex-wrap:wrap;margin-top:12px}
.elnw-calc .feit .k{display:block;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:700}
.elnw-calc .feit .v{font-family:'Archivo',sans-serif;font-size:20px;font-weight:700}
.elnw-calc .vlaggen{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.elnw-calc .vlag{display:inline-flex;align-items:center;gap:7px;background:var(--wit);border:1px solid var(--lijn);
  border-radius:999px;padding:6px 13px 6px 10px;font-size:13px;font-weight:600}
.elnw-calc .vlag.plus{border-color:var(--navy);color:var(--navy)}
.elnw-calc .punt{width:7px;height:7px;border-radius:50%;background:var(--navy);flex:0 0 auto}
.elnw-calc .bdr{color:var(--muted);font-weight:700}
.elnw-calc .bron{margin:14px 0 0;font-size:12.5px;color:var(--muted)}
.elnw-calc .wijzig{background:none;border:0;padding:0;color:var(--navy);font:inherit;font-size:13px;font-weight:700;text-decoration:underline;margin-top:8px}
.elnw-calc .handmatig{margin-top:14px;padding-top:14px;border-top:1px dashed var(--lijn)}

.elnw-calc .types{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media(max-width:640px){.elnw-calc .types{grid-template-columns:repeat(2,1fr)}}
.elnw-calc .type{position:relative;margin:0}
.elnw-calc .type input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.elnw-calc .type .box{display:flex;flex-direction:column;border:1.5px solid var(--lijn);border-radius:12px;padding:14px 12px;
  cursor:pointer;background:var(--wit);height:100%;hyphens:none;overflow-wrap:break-word}
.elnw-calc .type .box svg{display:block;margin-bottom:9px;color:var(--navy)}
.elnw-calc .type .naam{font-size:13.5px;font-weight:700;line-height:1.3;display:block;white-space:nowrap}
.elnw-calc .type .vanaf{font-size:12px;color:var(--muted);display:block;margin-top:3px}
.elnw-calc .type input:checked + .box{border-color:var(--groen);background:#F2FAF3}
.elnw-calc .type input:checked + .box svg{color:var(--groen)}
.elnw-calc .type input:focus-visible + .box{outline:2px solid var(--groen);outline-offset:2px}
.elnw-calc .tip{display:inline-block;background:var(--navy);color:#fff;font-size:10.5px;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;border-radius:4px;padding:2px 6px;margin-bottom:8px}
.elnw-calc .typehint{font-size:13px;color:var(--muted);margin:12px 0 0}

.elnw-calc .seg{display:inline-flex;background:var(--bg);border:1px solid var(--lijn);border-radius:999px;padding:4px;gap:4px}
.elnw-calc .seg label{position:relative;cursor:pointer;margin:0}
.elnw-calc .seg input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.elnw-calc .seg span{display:block;padding:8px 18px;border-radius:999px;font-size:14px;font-weight:600;color:var(--muted);white-space:nowrap}
.elnw-calc .seg input:checked + span{background:var(--navy);color:#fff}

.elnw-calc .toeslag{position:relative;display:block;margin:0}
.elnw-calc .toeslag input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.elnw-calc .toeslag .box{display:flex;align-items:baseline;gap:10px;border:1.5px solid var(--lijn);
  border-radius:10px;padding:11px 13px;cursor:pointer}
.elnw-calc .toeslag input:checked + .box{border-color:var(--groen);background:#F2FAF3}
.elnw-calc .vink{width:17px;height:17px;border:1.5px solid var(--lijn);border-radius:5px;flex:0 0 auto;
  position:relative;top:3px;background:var(--wit)}
.elnw-calc .toeslag input:checked + .box .vink{background:var(--groen);border-color:var(--groen)}
.elnw-calc .toeslag input:checked + .box .vink::after{content:"";position:absolute;left:5px;top:1.5px;
  width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.elnw-calc .toeslag .tekst{flex:1;font-size:14.5px;font-weight:600}
.elnw-calc .toeslag .sub{display:block;font-size:12.5px;color:var(--muted);font-weight:500}
.elnw-calc .toeslag .bedrag{font-size:14px;font-weight:700;color:var(--navy);white-space:nowrap}

.elnw-calc .paneel{position:sticky;top:20px}
.elnw-calc .regels{list-style:none;margin:0 0 4px;padding:0}
.elnw-calc .regels li{display:flex;justify-content:space-between;gap:12px;font-size:14px;
  padding:9px 0;border-bottom:1px dashed var(--lijn);margin:0}
.elnw-calc .regels li span:first-child{color:var(--muted)}
.elnw-calc .regels li span:last-child{font-weight:600;white-space:nowrap}
.elnw-calc .regels li.basis span:first-child{color:var(--ink);font-weight:600}
.elnw-calc .pijl{margin:18px 0 0;background:var(--groen);color:#fff;padding:16px 40px 16px 20px;
  clip-path:polygon(0 0, calc(100% - 26px) 0, 100% 50%, calc(100% - 26px) 100%, 0 100%)}
.elnw-calc .pijl.leeg{background:var(--lijn);color:var(--muted)}
.elnw-calc .pijl .lbl{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.9}
.elnw-calc .pijl .prijs{font-family:'Archivo',sans-serif;font-size:36px;font-weight:800;line-height:1.05;margin-top:2px}
.elnw-calc .pijl .btw{font-size:12.5px;opacity:.92;margin-top:2px}
.elnw-calc .cta{display:block;width:100%;margin-top:16px;background:var(--navy);color:#fff;border:0;
  border-radius:10px;padding:14px;font-size:15px;font-weight:700}
.elnw-calc .cta:hover{background:#123c68}
.elnw-calc .cta[disabled]{background:var(--lijn);color:var(--muted);cursor:default}
.elnw-calc .klein{font-size:12px;color:var(--muted);margin:10px 0 0;line-height:1.5}
.elnw-calc .melding{margin-top:14px;background:#F2F7FC;border:1px solid #D6E4F1;border-radius:10px;
  padding:12px 14px;font-size:13.5px;color:var(--navy)}

.elnw-calc .aanvraag{margin-top:18px}
.elnw-calc .aanvraag .rij{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
@media(max-width:640px){.elnw-calc .aanvraag .rij{grid-template-columns:1fr}}
.elnw-calc .aanvraag input{width:100%}
.elnw-calc .aanvraag .rij.vol{grid-template-columns:1fr}
.elnw-calc .aanvraag textarea{width:100%;border:1.5px solid var(--lijn);border-radius:10px;padding:11px 13px;font-family:inherit;font-size:15px;font-weight:600;color:var(--ink);background:var(--wit);margin:0;resize:vertical;min-height:84px}
.elnw-calc .aanvraag textarea:focus{outline:2px solid var(--groen);outline-offset:1px;border-color:var(--groen)}
.elnw-calc .veld label .opt{font-weight:500;color:var(--muted)}
.elnw-calc .akkoord{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;line-height:1.6;
  color:var(--muted);margin:6px 0 18px;padding:14px;background:var(--bg);border:1px solid var(--lijn);border-radius:10px}
.elnw-calc .akkoord input{margin:4px 0 0;flex:0 0 auto;width:17px;height:17px;accent-color:var(--groen)}
.elnw-calc .akkoord span{display:block}

/* Het thema zet onder elke pagina knoppen terug naar de homepage.
   Op de calculatorpagina leiden die de bezoeker weg van de aanvraag. */
.elnw-heeft-calculator .page-content + p{display:none}
.elnw-calc .gelukt{background:#F2FAF3;border:1.5px solid var(--groen);border-radius:12px;padding:18px}
.elnw-calc .gelukt h3{margin:0 0 6px;font-family:'Archivo',sans-serif;color:var(--navy)}
.elnw-calc .hp{position:absolute;left:-9999px}

@media(prefers-reduced-motion:reduce){.elnw-calc *{transition:none!important}}
