/* Heerdink — stijl die alleen op template offerte.php voorkomt. Laadt na global.css. */
.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.check-tile{display:flex;gap:10px;align-items:center;min-height:48px;padding:10px 14px;border:1px solid #A9BBA6;border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:1.52rem}
.check-tile input{width:18px;height:18px;accent-color:var(--color-primary)}
.check-tile:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-tint)}
.file-drop{border:2px dashed #A9BBA6;border-radius:var(--radius-md);padding:20px;text-align:center;background:var(--color-background);font-size:1.488rem}
.file-drop input{margin-top:8px;max-width:100%}
.form-success__icon{width:56px;height:56px;border-radius:50%;background:var(--color-primary);display:grid;place-items:center;margin-bottom:16px}
.aside-card li{color:var(--color-on-dark-muted)}
@media (max-width:767px){
  .check-grid{grid-template-columns:1fr}
}

/* ---------- Offerteformulier in Contact Form 7 ---------- */
/* keuzetegels: [checkbox* werk use_label_element ...] */
.spa-page .check-grid .wpcf7-form-control-wrap{display:block;grid-column:1/-1}
.spa-page .check-grid .wpcf7-checkbox{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.spa-page .check-grid .wpcf7-list-item{display:block;margin:0}
.spa-page .check-grid .wpcf7-list-item label{display:flex;gap:10px;align-items:center;min-height:48px;padding:10px 14px;border:1px solid #A9BBA6;
  border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:1.52rem;font-weight:600;min-height:76px}
.spa-page .check-grid .wpcf7-list-item label:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-tint)}
.spa-page .check-grid .wpcf7-list-item input{flex:none;width:18px;height:18px;min-height:0;margin:0;padding:0;accent-color:var(--color-primary)}
@media (max-width:767px){
  .spa-page .check-grid .wpcf7-checkbox{grid-template-columns:1fr}
}
/* foto's: drie [file]-velden in het stippelvak */
.spa-page .file-drop .wpcf7-form-control-wrap{display:block;margin-top:10px}
.spa-page .file-drop input[type="file"]{width:auto;max-width:100%;min-height:0;padding:0;border:0;background:none;font-size:1.44rem}
/* na verzenden: formulier weg, het bedankblok uit het design komt ervoor in de plaats (heerdink.js) */
.spa-page .cf7-wrap[hidden]{display:none}