/* base-events aanvraagwizard: CF7 in de opmaak van het concept */
.bec-wz,.bec-pick{max-width:900px;margin:0 auto;padding-top:clamp(20px,4vh,40px)}
.bec-pick .wz__q{font-size:clamp(2.8rem,7vw,5.8rem)}
.bec-pick .routes{grid-template-columns:1fr 1fr;margin-top:clamp(30px,5vh,46px)}
.bec-pick .route--img{border-radius:22px}
@media (max-width:640px){.bec-pick .routes{grid-template-columns:1fr}}
.bec-wz .wz-step[hidden],.bec-wz [hidden]{display:none!important}
.bec-wz .wz__head{margin-bottom:clamp(30px,5vh,46px)}
.bec-wz .wpcf7-form-control-wrap{display:block}
.bec-wz .row2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media (max-width:640px){.bec-wz .row2{grid-template-columns:1fr}}
.bec-wz .wpcf7-list-item{display:block;margin:0}
.bec-wz .opt,.bec-wz .copt{position:relative;display:block;cursor:pointer}
.bec-wz .opt input,.bec-wz .copt input{position:absolute;opacity:0;pointer-events:none}
.bec-wz .copts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.bec-wz .copt > span{display:block;height:100%;padding:18px 20px;border-radius:20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);transition:.2s}
.bec-wz .copt b{display:block;font-weight:900;font-size:1.2rem;letter-spacing:-.02em;text-transform:lowercase}
.bec-wz .copt small{display:block;margin-top:6px;font-size:.85rem;line-height:1.45;color:rgba(255,255,255,.6)}
.bec-wz .copt__img{display:block;aspect-ratio:1/1;margin:-18px -20px 14px;overflow:hidden;background:#eceae6;border-radius:20px 20px 0 0}
.bec-wz .copt__img img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.bec-wz .copt > span:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.bec-wz .copt input:checked + span{background:rgba(58,110,100,.24);box-shadow:inset 0 0 0 2px var(--base)}
.bec-wz .fld.is-err .copt > span{box-shadow:inset 0 0 0 1px #FF8A7A}
.bec-wz .copts--lev{grid-template-columns:repeat(2,minmax(0,1fr))}
.bec-wz .copts--lev .copt b{font-size:1.05rem}
.bec-wz .copt__tag{display:inline-block;margin-top:12px;padding:4px 11px;border-radius:99px;background:rgba(143,211,194,.14);color:#8FD3C2;font-style:normal;font-size:.8rem;font-weight:700}
@media (max-width:560px){.bec-wz .copts--lev{grid-template-columns:1fr}}
.bec-wz .wz__hint{margin:0 0 12px;font-size:.9rem;line-height:1.5;color:rgba(255,255,255,.6)}
.bec-wz .wpcf7-not-valid-tip{display:block;margin-top:8px;font-size:.86rem;color:#FF8A7A}
.bec-wz .wpcf7-response-output{margin:24px 0 0!important;padding:14px 18px!important;border-radius:14px;border:1px solid rgba(255,255,255,.2)!important;font-size:.95rem}
.bec-wz form.sent .wpcf7-response-output{display:none}
.bec-wz .wz-submit{display:flex;justify-content:flex-end;margin-top:clamp(20px,3vh,30px)}
.bec-wz .wz-submit input{border:0;cursor:pointer}
.bec-wz .wpcf7-spinner{margin:0 0 0 14px;align-self:center}
.bec-wz .wz__nav{display:flex;justify-content:space-between;align-items:center;margin-top:clamp(30px,5vh,50px)}
.bec-wz .wz__prev,.bec-wz .wz__next{border:0;cursor:pointer;font-family:inherit}
.bec-wz .wz__prev{background:none}
.bec-wz .review-list section{border-radius:20px;background:#0f0f0f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);padding:20px 22px;margin-bottom:12px;border:0}
.bec-wz .review-list button{background:none;border:0;cursor:pointer;font-size:.88rem;color:#63A596;font-weight:700}
.bec-wz .review-list h3{font-size:1.25rem;text-transform:none;letter-spacing:-.02em;margin:0}
.bec-wz .wz-step--review .fld{margin-top:20px}
.wz--done-wrap .wz__q{font-size:clamp(2.6rem,6vw,4.8rem)}
.wz--done-wrap .done-actions .btn{margin:0}
/* iets anders: vrij tekstveld zodra de optie aan staat */
.bec-wz .fld-other{display:none;margin-top:14px}
.bec-wz fieldset:has(input[value="Iets anders"]:checked) .fld-other{display:block}
.bec-wz .fld-other label{display:block;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:rgba(255,255,255,.7);margin-bottom:8px}