/* =============================================
   Wizard Form Component – wz- prefixed
   Adapted for HurenVerhuislift.nl (orange #FF6B00)
   ============================================= */
.wz-card{background:#fff;border-radius:16px;box-shadow:0 2px 16px rgba(0,0,0,.08);padding:32px}
.wz-step-indicator{font-size:.8rem;color:#94a3b8;margin-bottom:4px}
.wz-step-title{font-size:1.5rem;color:#1A1A2E;font-weight:700;margin-bottom:2px}
.wz-step-sub{font-size:.95rem;color:#64748b;margin-bottom:24px}
.wz-back{background:none;border:none;cursor:pointer;color:#64748b;font-size:.9rem;display:inline-flex;align-items:center;gap:4px;margin-bottom:12px;padding:4px 0}
.wz-back:hover{color:#1A1A2E}
.wz-back:focus-visible{outline:2px solid #FF6B00;outline-offset:2px;border-radius:4px}
.wz-back svg{width:18px;height:18px}
.wz-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.wz-choices--two{grid-template-columns:repeat(2,1fr)}
.wz-choice{border:2px solid #e5e7eb;border-radius:12px;padding:20px 12px;text-align:center;cursor:pointer;position:relative;transition:border-color .2s,background .2s,transform .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px}
.wz-choice:hover{border-color:#FF6B00}
.wz-choice:focus-visible{outline:2px solid #FF6B00;outline-offset:2px;border-color:#FF6B00}
.wz-choice.wz-selected{border-color:#FF6B00;background:#FFF5EB}
.wz-choice .wz-check{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:#FF6B00;display:none;align-items:center;justify-content:center}
.wz-choice.wz-selected .wz-check{display:flex}
.wz-choice svg.wz-ico{width:40px;height:40px;margin-bottom:8px}
.wz-choice strong{display:block;font-size:.95rem;color:#1A1A2E;margin-bottom:2px}
.wz-choice span{font-size:.8rem;color:#94a3b8}
.wz-field{margin-bottom:16px}
.wz-field label{display:block;font-weight:600;color:#1A1A2E;font-size:.9rem;margin-bottom:6px;cursor:pointer}
.wz-field input,.wz-field select{width:100%;height:48px;border:1.5px solid #e2e8f0;border-radius:10px;padding:0 14px;font-size:16px;font-family:inherit;background:#f8fafc;transition:border-color .2s,box-shadow .2s;color:#1e293b}
.wz-field input[type="date"]{cursor:pointer}
.wz-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.wz-field input:focus,.wz-field select:focus{outline:none;border-color:#FF6B00;box-shadow:0 0 0 3px rgba(255,107,0,.15)}
.wz-field input:focus-visible,.wz-field select:focus-visible{outline:none;border-color:#FF6B00;box-shadow:0 0 0 3px rgba(255,107,0,.15)}
.wz-field input.wz-err,.wz-field select.wz-err{border-color:#DC2626}
.wz-field .wz-errtxt{color:#DC2626;font-size:.8rem;margin-top:4px;display:none}
.wz-field input.wz-err~.wz-errtxt,.wz-field select.wz-err~.wz-errtxt{display:block}
.wz-toggle-row{display:flex;gap:10px}
.wz-toggle-btn{flex:1;border:2px solid #e5e7eb;border-radius:12px;padding:12px 20px;text-align:center;cursor:pointer;font-weight:600;font-size:.9rem;color:#1A1A2E;background:#fff;transition:border-color .2s,background .2s}
.wz-toggle-btn:hover{border-color:#FF6B00}
.wz-toggle-btn:focus-visible{outline:2px solid #FF6B00;outline-offset:2px}
.wz-toggle-btn.wz-selected{border-color:#FF6B00;background:#FFF5EB;color:#FF6B00}
.wz-btn{width:100%;height:52px;border:none;border-radius:10px;background:#FF6B00;color:#fff;font-size:1.05rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}
.wz-btn:hover{background:#e55e00;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,107,0,.3)}
.wz-btn:focus-visible{outline:2px solid #1A1A2E;outline-offset:2px}
.wz-wa{display:inline-flex;align-items:center;gap:6px;color:#25d366;font-weight:700;text-decoration:none;font-size:.95rem;margin-top:16px}
.wz-wa:hover{text-decoration:underline}
.wz-wa:focus-visible{outline:2px solid #25d366;outline-offset:2px;border-radius:4px}
.wz-wa svg{width:20px;height:20px}
.wz-trust{text-align:center;font-size:.8rem;color:#94a3b8;margin-top:16px;line-height:1.5}
.wz-step{display:none;opacity:0}
.wz-step.wz-active{display:block;animation:wz-fadeIn .3s ease forwards}
@keyframes wz-fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){
  .wz-card{padding:24px}
  .wz-choices{grid-template-columns:1fr}
  .wz-choices--two{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
  .wz-step.wz-active{animation:none;opacity:1}
}