/* Afspraak aanvragen: the request ends as a WhatsApp chat, the way Monika already works */
.book-main{max-width:760px;margin:0 auto;padding:34px 20px 120px}
.book-head p{color:var(--muted);font-size:1.05rem}
.demo{display:inline-block;font-size:.88rem!important;background:var(--paars-l);color:var(--paars-d)!important;padding:6px 12px;border-radius:999px}
fieldset{border:0;border-top:1px solid var(--lijn);margin:0;padding:26px 0 8px;min-width:0}
legend{display:flex;align-items:center;gap:10px;font:800 1.35rem/1.2 var(--kop);color:var(--ink);padding:0;margin-bottom:12px;float:left;width:100%}
legend+*{clear:both}
.q{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font:700 1rem/1 var(--body);color:var(--paars);border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(180deg,var(--geel),var(--groen)) border-box}
.lbl{font-weight:600;color:var(--ink);margin:16px 0 8px;font-size:.98rem}
.field{display:block;font-weight:600;color:var(--ink);margin:6px 0 4px;font-size:.98rem}
.field input,.field textarea{display:block;width:100%;margin-top:6px;font:400 1rem/1.4 var(--body);padding:12px 14px;border:1.5px solid var(--lijn);border-radius:12px;color:var(--ink);background:#fff}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--paars);box-shadow:0 0 0 3px var(--paars-l)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button,.days button{font:500 .97rem/1.2 var(--body);padding:10px 15px;border-radius:999px;border:1.5px solid var(--lijn);background:#fff;color:var(--ink);cursor:pointer}
.chips small{color:var(--muted);font-size:.84em}
.chips button[aria-pressed="true"],.days button[aria-pressed="true"]{background:var(--paars);border-color:var(--paars);color:#fff}
.chips button[aria-pressed="true"] small{color:#e9dff0}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}
.cards button{text-align:left;padding:14px 16px;border-radius:14px;border:1.5px solid var(--lijn);background:#fff;color:var(--muted);font:400 .92rem/1.35 var(--body);cursor:pointer}
.cards b{display:block;font:700 1.04rem/1.3 var(--body);color:var(--ink);margin-bottom:3px}
.cards button[aria-pressed="true"]{border-color:var(--paars);background:var(--paars-l);box-shadow:inset 0 0 0 1px var(--paars)}
.days{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;min-width:0}
.days button{flex:none;border-radius:14px;padding:8px 0;width:62px;text-align:center;line-height:1.15}
.days b{display:block;font-size:1.18rem}
.days small{display:block;font-size:.78rem;color:inherit;opacity:.8}
.check{display:flex;align-items:center;gap:10px;margin:14px 0 6px;font-weight:500;color:var(--ink);cursor:pointer}
.check input{width:20px;height:20px;accent-color:var(--paars)}
@media (max-width:560px){.cards{grid-template-columns:minmax(0,1fr)}}

/* the chat */
.chat{margin-top:30px;border-top:1px solid var(--lijn);padding-top:26px}
.phone{border-radius:24px;overflow:hidden;border:1px solid var(--lijn);max-width:440px;background:#efe9e3}
.phone-top{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border-bottom:1px solid var(--lijn)}
.phone-top img{width:36px;height:36px;border-radius:50%;background:var(--paars-l);padding:4px;object-fit:contain}
.phone-top strong{display:block;color:var(--ink);font-size:.96rem;line-height:1.2}
.phone-top span{font-size:.8rem;color:var(--muted)}
.phone-body{padding:18px 14px 20px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-height:150px;background-color:#f1ece6;background-image:radial-gradient(rgba(118,71,142,.07) 1.5px,transparent 1.6px);background-size:18px 18px}
.bubble{position:relative;max-width:88%;background:#d9fdd3;color:#111b21;border-radius:12px 4px 12px 12px;padding:9px 12px 20px;font-size:.96rem;line-height:1.45;white-space:pre-wrap;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.bubble::after{content:attr(data-time) " ✓✓";position:absolute;right:9px;bottom:4px;font-size:.7rem;color:#53bdeb}
.bubble .ph{color:#8a8f94}
.photo-b{display:flex;align-items:center;gap:8px;padding:10px 12px 20px;color:#3b4a54}
.missing{color:var(--paars-d);font-size:.93rem;margin:14px 0 10px;min-height:1.2em}
.wa-send{background:#25d366;border-color:#25d366;color:#0b3d1f;font-weight:700;padding:15px 24px}
.wa-send:hover{background:#1fb956;border-color:#1fb956}
.wa-send[aria-disabled="true"]{background:#d9d4de;border-color:#d9d4de;color:#6c6178;cursor:not-allowed}
.alt{margin-top:12px}