/* EPL A+: Maatregelcheck (18-10-2026). Alleen voor energielabel/maatregelcheck.html
   en maatregelcheck-betaald.html. Kleuren uit tokens.css (live huisstijl). */

.mc-formulier{max-width:760px;margin:var(--sp-6,24px) auto 0;}
.mc-verborgen{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.mc-stap{background:var(--wit,#fff);border:1px solid var(--line,#E2DED3);border-radius:14px;padding:22px 22px 8px;margin:0 0 18px;box-shadow:0 1px 2px rgba(23,26,29,.04);min-width:0;}
.mc-stap legend{display:flex;align-items:center;gap:10px;font-family:var(--font-display,inherit);font-size:17px;font-weight:700;color:var(--ink,#171A1D);padding:0;float:left;width:100%;margin-bottom:16px;}
.mc-stap legend + *{clear:both;}
.mc-nr{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--champagne,#E1C27D);color:var(--ink,#171A1D);font-size:14px;font-weight:700;flex:none;}
.mc-help-boven{margin:-6px 0 12px;}
.mc-mt{margin-top:16px;}
.mc-adres{display:flex;gap:8px;align-items:center;margin:-4px 0 14px;font-size:13.5px;color:var(--eucalyptus,#4A7161);font-weight:600;}
.mc-adres svg{width:15px;height:15px;flex:none;}

/* Keuzes als knoppen */
.mc-keuzes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;}
.mc-keuzes--twee{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));}
.mc-keuze{position:relative;display:block;cursor:pointer;}
.mc-keuze input{position:absolute;opacity:0;width:1px;height:1px;}
.mc-keuze span{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 14px;border:1.5px solid var(--taupe,#CFC6B4);border-radius:10px;font-size:14px;line-height:1.35;background:var(--wit,#fff);transition:border-color .15s,background .15s;}
.mc-keuze span::before{content:"";width:16px;height:16px;flex:none;border:1.5px solid var(--taupe-dark,#9C927F);border-radius:4px;background:var(--wit,#fff);}
.mc-keuze input[type=radio] + span::before{border-radius:50%;}
.mc-keuze input:checked + span{border-color:var(--eucalyptus,#4A7161);background:rgba(74,113,97,.07);font-weight:600;}
.mc-keuze input:checked + span::before{background:var(--eucalyptus,#4A7161);border-color:var(--eucalyptus,#4A7161);box-shadow:inset 0 0 0 3px var(--wit,#fff);}
.mc-keuze input:focus-visible + span{outline:3px solid rgba(74,113,97,.25);outline-offset:1px;}

/* Uploadvlakken */
.mc-drop{border:1.5px dashed var(--taupe,#CFC6B4);border-radius:12px;padding:16px;background:var(--warm-ivoor,#F7F4EC);text-align:center;transition:border-color .15s,background .15s;}
.mc-drop--over{border-color:var(--eucalyptus,#4A7161);background:rgba(74,113,97,.08);}
.mc-drop--gevuld{text-align:left;}
.mc-drop-tekst{margin:0 0 10px;font-size:13.5px;color:var(--muted,#5B5F63);line-height:1.5;}
.mc-kies{cursor:pointer;}
.mc-lijst{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px;text-align:left;}
.mc-lijst:empty{display:none;}
.mc-bestand{display:flex;align-items:center;gap:10px;background:var(--wit,#fff);border:1px solid var(--line,#E2DED3);border-radius:8px;padding:8px 10px;font-size:13px;}
.mc-bestand-naam{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;}
.mc-bestand-stand{color:var(--muted,#5B5F63);font-size:12px;white-space:nowrap;}
.mc-bestand--klaar .mc-bestand-stand{color:var(--eucalyptus,#4A7161);font-weight:600;}
.mc-bestand--fout{border-color:var(--baksteenrood,#A3402E);}
.mc-bestand--fout .mc-bestand-stand{color:var(--baksteenrood,#A3402E);white-space:normal;}
.mc-bestand-knop{border:0;background:none;cursor:pointer;font:inherit;font-size:13px;color:var(--eucalyptus,#4A7161);padding:2px 6px;border-radius:6px;}
.mc-bestand-knop[data-actie=weg]{font-size:18px;line-height:1;color:var(--muted,#5B5F63);}
.mc-bestand-knop:hover{background:rgba(23,26,29,.06);}
.mc-drop-fout{margin:8px 0 0;font-size:12.5px;color:var(--baksteenrood,#A3402E);font-weight:600;}

/* Uitkomst van de labelcontrole */
.mc-labelstand{margin:6px 0 16px;border-radius:12px;padding:14px 16px;background:var(--warm-ivoor,#F7F4EC);font-size:14px;line-height:1.55;}
.mc-labelstand p{margin:0 0 8px;}
.mc-labelstand p:last-child{margin-bottom:0;}
.mc-labelstand--goed{background:rgba(74,113,97,.08);border:1px solid rgba(74,113,97,.35);}
.mc-labelstand--stop{background:#FBF1E6;border:1px solid #E7C9A4;}
.mc-labelstand--let{background:#FBF6E6;border:1px solid #E9D9A6;}
.mc-labelstand .btn-row{margin-top:10px;}
.mc-stil{color:var(--muted,#5B5F63);display:flex;align-items:center;gap:10px;}
.mc-label-kop{font-weight:700;color:var(--ink,#171A1D);}
.mc-label-rij{display:flex;gap:14px;align-items:flex-start;}
.mc-noot{font-size:13px;color:var(--muted,#5B5F63);}
.mc-prijsregel{font-size:15px;margin-top:10px !important;}
.mc-draai{width:16px;height:16px;border:2px solid var(--taupe,#CFC6B4);border-top-color:var(--eucalyptus,#4A7161);border-radius:50%;animation:mc-draai .8s linear infinite;flex:none;}
@keyframes mc-draai{to{transform:rotate(360deg);}}

.mc-afstand{margin:12px 0 4px;padding:12px 14px;background:var(--wit,#fff);border-radius:10px;border:1px solid var(--line,#E2DED3);}
.mc-afstand-kop{font-weight:700;color:var(--eucalyptus-dark,#2F4A40);}
.mc-afstand ul{list-style:none;margin:8px 0;padding:0;display:grid;gap:8px;}
.mc-afstand li{display:flex;gap:10px;align-items:center;}
.mc-bron{font-size:12px;color:var(--muted,#5B5F63);}

/* Labelklasse in de kleuren van het officiële label */
.mc-klasse{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:30px;padding:0 10px 0 8px;font-weight:800;font-size:14px;color:#fff;clip-path:polygon(0 0,82% 0,100% 50%,82% 100%,0 100%);flex:none;}
.mc-klasse--a{background:#009036;}
.mc-klasse--b{background:#55AB26;}
.mc-klasse--c{background:#C8D100;color:#171A1D;}
.mc-klasse--d{background:#FFED00;color:#171A1D;}
.mc-klasse--e{background:#FBBA00;color:#171A1D;}
.mc-klasse--f{background:#EB6909;}
.mc-klasse--g{background:#E30613;}

/* Vinkjes */
.mc-vink{display:flex;gap:10px;align-items:flex-start;margin:0 0 14px;font-size:13.5px;line-height:1.5;cursor:pointer;}
.mc-vink input{width:18px;height:18px;margin-top:1px;flex:none;accent-color:var(--eucalyptus,#4A7161);}
.mc-vink .req{color:var(--baksteenrood,#A3402E);}

/* Betalen */
.mc-betaal{margin:4px 0 14px;}
.mc-betaalknop{font-size:16px;padding:15px 20px;}
.mc-betaalknop:disabled{opacity:.55;cursor:not-allowed;}
.mc-nognodig{margin-top:12px;font-size:13px;color:var(--muted,#5B5F63);}
.mc-nognodig p{margin:0 0 4px;font-weight:600;}
.mc-nognodig ul{margin:0;padding-left:18px;columns:2;column-gap:24px;}
.mc-korting{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;padding:12px 14px;background:#F6EDD8;border-radius:10px;font-size:13px;line-height:1.5;}
.mc-korting svg{width:18px;height:18px;flex:none;color:var(--eucalyptus-dark,#2F4A40);margin-top:1px;}
.mc-hulp{text-align:center;font-size:13.5px;color:var(--muted,#5B5F63);}
.status[hidden]{display:none;}
#mc-fout{margin-top:12px;}

.mc-sticky-weg{display:none !important;}
.mc-nw{white-space:nowrap;}

/* Bedankpagina */
.mc-uitslag{max-width:640px;margin:0 auto;background:var(--wit,#fff);border:1px solid var(--line,#E2DED3);border-radius:16px;padding:28px 26px;box-shadow:0 1px 2px rgba(23,26,29,.04);}
.mc-uitslag h1{font-size:26px;margin:0 0 12px;}
.mc-uitslag p{font-size:15px;line-height:1.65;}
.mc-stappen{margin:18px 0;padding:0;list-style:none;display:grid;gap:12px;}
.mc-stappen li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.55;}

@media (max-width:640px){
  .mc-stap{padding:18px 16px 4px;}
  .mc-stap .field-row{flex-direction:column;gap:0;}
  .mc-keuzes,.mc-keuzes--twee{grid-template-columns:1fr;}
  .mc-nognodig ul{columns:1;}
  .mc-label-rij{flex-direction:column;gap:8px;}
}

/* Pakket 79 (18-10-2026): beslistabel, vergelijking en "Over deze pagina", zelfde opmaak als de keuzehulp. */
.mc-blok{margin:34px 0 0;}
.mc-blok-kop{font-size:clamp(19px,2vw,22px);margin:0 0 6px;}
.mc-blok-tekst{margin:0 0 4px;color:var(--text-2);max-width:none;}
.mc-tabel-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:10px 0 0;border:1px solid var(--line);border-radius:14px;background:var(--wit);}
.mc-tabel{width:100%;border-collapse:collapse;font-size:14px;min-width:560px;}
.mc-tabel th,.mc-tabel td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);}
.mc-tabel tbody tr:last-child th,.mc-tabel tbody tr:last-child td{border-bottom:0;}
.mc-tabel thead th{background:var(--ivoor);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--eucalyptus-dark);}
.mc-tabel tbody th{font-weight:600;}
.mc-tabel a,.mc-over a{color:var(--eucalyptus-dark);font-weight:600;}
.mc-tabel-prijs{white-space:nowrap;font-weight:700;color:var(--eucalyptus-dark);}
.mc-tabel--verg thead th{text-transform:none;letter-spacing:0;font-size:14px;}
.mc-tabel--verg thead td{background:var(--ivoor);}
.mc-tabel-prijsrij th,.mc-tabel-prijsrij td{background:var(--creme-hero);font-weight:700;color:var(--eucalyptus-dark);}
.mc-over{font-size:14.5px;}
.mc-over-kop{font-size:20px;margin:0 0 8px;}
.mc-over p{max-width:none;color:var(--text-2);}
.mc-over-datum{font-weight:600;color:var(--ink) !important;}
.mc-over-bronkop{font-weight:700;color:var(--ink) !important;margin:12px 0 4px;}
.mc-over-bronnen{margin:0;padding-left:18px;display:grid;gap:4px;color:var(--text-2);}
.mc-keuze--uit{opacity:.45;cursor:not-allowed;}