.ivat{color:#323232;font-size:18px}
.ivat-steps{display:flex;gap:24px;flex-wrap:wrap;list-style:none;padding:0;margin:0 0 30px;counter-reset:s}
.ivat-steps li{display:flex;align-items:center;gap:8px;opacity:.55;counter-increment:s;font-size:15px}
.ivat-steps li::before{content:counter(s);width:28px;height:28px;border-radius:999px;border:2px solid #323232;display:grid;place-items:center;font-weight:700}
.ivat-steps li.is-on{opacity:1;font-weight:700}.ivat-steps li.is-on::before{background:#323232;color:#FFF8F2}
.ivat-row{display:grid;grid-template-columns:28px 120px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 0;border-top:1px solid rgba(50,50,50,.3);cursor:pointer}
.ivat-row input{width:22px;height:22px;accent-color:#323232}.ivat-row small{font-size:15px}.ivat-time{font-size:15px}
.ivat-left{font-size:15px;font-weight:700;white-space:nowrap}.ivat-row.is-full{opacity:.45;cursor:not-allowed}.ivat-clash{color:#B3261E}
.ivat-pane label{display:flex;flex-direction:column;gap:8px;font-size:15px;font-weight:700;margin-bottom:14px}
.ivat-pane .ivat-row{display:grid;font-weight:400;margin:0}
.ivat-pane input:not([type=checkbox]),.ivat-pane select,.ivat-pane textarea{width:100%;box-sizing:border-box;padding:14px 22px;border:2px solid #323232;border-radius:999px;background:#FFF8F2;font:inherit;font-size:18px;font-weight:400}
.ivat-pane textarea{border-radius:28px}.ivat-pane select{width:120px}
.ivat .ivat-check{flex-direction:row;align-items:flex-start;gap:12px;font-weight:400}.ivat-check input{width:20px;height:20px;accent-color:#323232;flex:none}
.ivat-hp{position:absolute!important;left:-9999px!important}
.ivat-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;flex-wrap:wrap}.ivat-count{font-size:15px}
.ivat .is-secondary{background:transparent!important;color:#323232!important}
.ivat-err{font-weight:700;color:#B3261E}
.ivat-ticket{display:grid;grid-template-columns:minmax(0,1fr) 150px;max-width:560px;background:#FFF8F2;border:2px solid #323232;border-radius:14px;overflow:hidden;margin:20px 0}
.ivat-ticket.is-off{opacity:.5}.ivat-ticket__main{padding:24px;display:flex;flex-direction:column;gap:8px;font-size:15px}
.ivat-ticket__naam{font-family:var(--wl-display,inherit);font-weight:600;font-size:22px}
.ivat-ticket__qr{border-left:2px dashed #323232;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:700}
.ivat-qr{width:100px}.ivat-qr svg{width:100%;height:auto;display:block}
.ivat-link{background:none;border:0;padding:0;font:inherit;font-size:15px;text-decoration:underline;cursor:pointer;color:#323232}
@media (max-width:600px){.ivat-row{grid-template-columns:28px minmax(0,1fr);}.ivat-time,.ivat-left{grid-column:2}.ivat-ticket{grid-template-columns:1fr}.ivat-ticket__qr{border-left:0;border-top:2px dashed #323232}}
.ivat-row.is-pre{background:rgba(255,250,110,.35)}
.ivat .ivat-check>span{display:block;line-height:1.5}.ivat-check a{color:inherit!important;text-decoration:underline;text-underline-offset:3px}.ivat-check a:hover{color:inherit!important;font-weight:700}
.ivat-ticket{margin-left:auto!important;margin-right:auto!important;text-align:left}.ivat-ticket__main{align-items:flex-start}.ivat-cancel{text-align:center}
.ivat-sum{font-size:15px;margin:0 0 20px;padding:14px 20px;border:2px solid #323232;border-radius:28px}
.ivat-ticket__datum{font-size:15px;opacity:.85}.ivat-ticket__qr img{width:100px;height:100px;display:block;background:#FFF8F2;border-radius:6px}
.ivat-card-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:18px 0 10px}
.ivat-done{text-align:center}
/* ---- Zoals ontwerp "Tickets – straks" ---- */
.ivat{max-width:800px;margin:0 auto;text-align:left}
.ivat-steps{justify-content:center;margin:0 0 26px}
.ivat-pane{background:#FFF8F2;border:2px solid #323232;border-radius:28px;padding:10px 28px 26px}
.ivat-pane[data-pane="1"],.ivat-pane[data-pane="2"]{padding-top:24px}
.ivat-row{border-top:1px solid rgba(50,50,50,.25)}.ivat-pane .ivat-row:first-child{border-top:0}
.ivat-row input[type=checkbox]{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin:0;border:2px solid #323232;border-radius:6px;background:#FFF8F2;display:grid;place-items:center;cursor:pointer}
.ivat-row input[type=checkbox]:checked{background:#323232}
.ivat-row input[type=checkbox]:checked::after{content:"✓";color:#FFF8F2;font:800 14px/1 sans-serif}
.ivat-row small{display:block;font-size:14px;opacity:.85}.ivat-row br{display:none}
.ivat-left{font-size:14px;font-weight:700;white-space:nowrap;padding:4px 12px;border-radius:999px;border:2px solid #323232}
.ivat-left.is-warn{background:#FFFA6E}.ivat-left.is-vol{border-style:dashed}.ivat-left:empty{display:none}
.ivat-clash{color:#B3261E;font-size:14px}
.ivat-sum{background:#FFFFB4;border:0;border-radius:20px;padding:14px 18px;font-size:15px;margin:0 0 6px}
.ivat-pane label{margin:16px 0 0}
.ivat .ivat-check{margin-top:16px;font-size:16px;line-height:1.45}
.ivat .ivat-check input{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid #323232;border-radius:5px;background:#FFF8F2;margin:2px 0 0;display:grid;place-items:center;cursor:pointer}
.ivat .ivat-check input:checked{background:#323232}.ivat .ivat-check input:checked::after{content:"✓";color:#FFF8F2;font:800 12px/1 sans-serif}
.ivat-actions{margin-top:22px}
.ivat .wp-element-button{padding:12px 26px;border-radius:999px;border:2px solid #323232;background:#323232;color:#FFF8F2;font-weight:700;font-size:16px}
.ivat .wp-element-button:hover{background:transparent;color:#323232}
.ivat .wp-element-button.is-secondary:hover{background:#323232!important;color:#FFF8F2!important}
.ivat .wp-element-button:disabled{opacity:.4;cursor:default}
.ivat-done{font-size:18px;margin:0;text-align:left}
.ivat-ticket{border-radius:20px;max-width:none;margin:22px 0 10px;grid-template-columns:minmax(0,1fr) 170px}
.ivat-ticket__main{padding:22px 24px;gap:7px}.ivat-ticket__naam{font-size:24px}
.ivat-ticket__qr img{width:110px;height:110px}
.ivat-card-btns{justify-content:flex-start;margin:22px 0 0}
.ivat-card-btns .wp-element-button{display:inline-flex;padding:12px 26px;border-radius:999px;border:2px solid #323232;background:#323232;color:#FFF8F2!important;font-weight:700;font-size:16px;text-decoration:none}
.ivat-card-btns .wp-element-button:hover{background:transparent;color:#323232!important}
.ivat-card-btns .is-secondary{background:transparent!important;color:#323232!important}.ivat-card-btns .is-secondary:hover{background:#323232!important;color:#FFF8F2!important}
.ivat-cancel{margin-top:14px}
/* ticketpagina buiten het formulier */
.wlb-sectie__inhoud>.ivat-ticket,.wlb-sectie__inhoud>.ivat-card-btns{max-width:800px;margin-left:auto;margin-right:auto}
.wlb-sectie__inhoud>.ivat-card-btns{justify-content:center}
@media(max-width:600px){.ivat-pane{padding:6px 18px 20px;border-radius:22px}.ivat-steps li{font-size:0}.ivat-steps li.is-on:last-of-type,.ivat-steps li.is-now{font-size:14px}.ivat-left{justify-self:start}.ivat-ticket{grid-template-columns:1fr}}