/* Salonsite: online boeken. Neemt de kleuren en lettertypes van de site over (Salonsite-thema), anders rustige standaardkleuren. */
.cq-boek{--b-accent:var(--sx-accent,#1430ed);--b-on:var(--sx-on-accent,#fff);--b-ink:var(--sx-ink,#1e1f22);--b-muted:var(--sx-muted,#5c6068);--b-line:var(--sx-line,#e2e0d9);--b-bg:var(--sx-bg,#f6f5f1);--b-surface:var(--sx-surface,#fff);--b-r:var(--sx-r,16px);--b-btnr:var(--sx-btnr,999px);font-family:var(--sx-body,inherit);color:var(--b-ink)}
.cq-boek *{box-sizing:border-box}
.cq-b-card{background:var(--b-surface);border:1px solid var(--b-line);border-radius:var(--b-r);padding:22px;display:flex;flex-direction:column;gap:14px}
.cq-b-steps{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap;font-size:13px;color:var(--b-muted)}
.cq-b-steps li{display:flex;align-items:center;gap:6px;padding:6px 10px 6px 6px;border-radius:999px;background:var(--b-bg)}
.cq-b-steps li span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--b-line);color:var(--b-ink)}
.cq-b-steps li.now{color:var(--b-ink);font-weight:600}
.cq-b-steps li.now span,.cq-b-steps li.done span{background:var(--b-accent);color:var(--b-on)}
.cq-b-list{display:grid;gap:8px}
.cq-b-treat{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;text-align:left;font:inherit;font-size:15.5px;color:var(--b-ink);background:var(--b-bg);border:1.5px solid var(--b-line);border-radius:12px;padding:14px 16px;cursor:pointer;transition:border-color .15s}
.cq-b-treat:hover,.cq-b-treat:focus-visible{border-color:var(--b-accent);outline:none}
.cq-b-treat .n{font-weight:600}.cq-b-treat .m{color:var(--b-muted);font-size:14px}.cq-b-treat .p{font-weight:600;font-variant-numeric:tabular-nums}
.cq-b-sum{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;background:var(--b-bg);border-radius:12px;padding:12px 14px}
.cq-b-sum div{display:grid;gap:2px;font-size:14px;color:var(--b-muted)}.cq-b-sum b{color:var(--b-ink);font-size:15.5px}
.cq-b-link{border:0;background:none;color:var(--b-accent);font:inherit;font-size:14px;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}
.cq-b-label{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--b-muted);margin-top:4px}
.cq-b-days{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}
.cq-b-days button{flex:0 0 auto;scroll-snap-align:start;width:64px;display:grid;gap:1px;justify-items:center;font:inherit;color:var(--b-ink);background:var(--b-bg);border:1.5px solid var(--b-line);border-radius:12px;padding:8px 4px;cursor:pointer}
.cq-b-days .dw{font-size:12px;color:var(--b-muted);text-transform:uppercase}.cq-b-days .dn{font-size:20px;font-weight:700;line-height:1.1}.cq-b-days .dm{font-size:12px;color:var(--b-muted)}
.cq-b-days button[aria-selected="true"]{background:var(--b-accent);border-color:var(--b-accent);color:var(--b-on)}
.cq-b-days button[aria-selected="true"] span{color:var(--b-on)}
.cq-b-times{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}
.cq-b-times button{font:inherit;font-size:15px;font-variant-numeric:tabular-nums;color:var(--b-ink);background:var(--b-bg);border:1.5px solid var(--b-line);border-radius:10px;padding:10px 4px;cursor:pointer}
.cq-b-times button:hover,.cq-b-days button:hover{border-color:var(--b-accent)}
.cq-b-times button[aria-pressed="true"]{background:var(--b-accent);border-color:var(--b-accent);color:var(--b-on)}
.cq-b-form{display:grid;gap:12px}
.cq-b-row{display:grid;gap:12px}.cq-b-row.two{grid-template-columns:1fr 1fr}
@media (max-width:520px){.cq-b-row.two{grid-template-columns:1fr}.cq-b-treat{grid-template-columns:1fr auto}.cq-b-treat .m{grid-column:1;grid-row:2}}
.cq-b-form label{display:grid;gap:6px;font-size:14px;font-weight:600}
.cq-b-form input,.cq-b-form textarea{font:inherit;font-size:16px;font-weight:400;color:var(--b-ink);background:var(--b-bg);border:1.5px solid var(--b-line);border-radius:12px;padding:12px 14px;width:100%}
.cq-b-form input:focus,.cq-b-form textarea:focus{outline:none;border-color:var(--b-accent)}
.cq-b-check{display:flex!important;grid-template-columns:none!important;gap:10px!important;align-items:flex-start;font-weight:400!important;font-size:14px!important;color:var(--b-muted)}
.cq-b-check input{width:auto!important;margin-top:3px}
.cq-b-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.cq-b-btn{font:inherit;font-weight:600;font-size:15.5px;color:var(--b-on);background:var(--b-accent);border:0;border-radius:var(--b-btnr);padding:15px 24px;cursor:pointer}
.cq-b-btn:disabled{opacity:.6;cursor:wait}
.cq-b-err{background:#fdecec;color:#8a2a2a;border-radius:10px;padding:10px 12px;font-size:14px}
.cq-b-muted{color:var(--b-muted);margin:0}.cq-b-small{font-size:13px}
.cq-b-done{text-align:center;display:grid;gap:8px;justify-items:center;padding:12px 0}
.cq-b-done h3{margin:0;font-family:var(--sx-display,inherit);font-size:26px}
.cq-b-done p{margin:0;max-width:30em}
.cq-b-ok{width:52px;height:52px;border-radius:50%;background:var(--b-accent);color:var(--b-on);display:grid;place-items:center;font-size:26px;font-weight:700}
.cq-boek-load{padding:20px;color:var(--b-muted)}