/* Chat met Zoë: zelfde taal als de rest (crème, witte ronde kaarten, oranje accent). Zoë links in wit, de klant rechts. */
.c-lijst{display:flex;flex-direction:column;gap:8px}
.c-rij{display:flex}
.c-rij.k{justify-content:flex-end}
.c-bel{max-width:84%;padding:10px 14px;border-radius:18px;font-size:15px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.c-rij.z .c-bel{background:#fff;color:var(--inkt);border-bottom-left-radius:6px;box-shadow:0 4px 14px rgba(124,72,24,.07)}
.c-rij.k .c-bel{background:var(--oranje);color:#fff;border-bottom-right-radius:6px}
.c-bel a{color:#9A4A06;font-weight:800}
.c-bel b{font-weight:900}
.c-typt .c-bel{display:flex;gap:4px;padding:14px}
.c-typt i{width:7px;height:7px;border-radius:50%;background:#D6C9BC;animation:cTypt 1s infinite}
.c-typt i:nth-child(2){animation-delay:.15s}.c-typt i:nth-child(3){animation-delay:.3s}
@keyframes cTypt{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}
@media (prefers-reduced-motion: reduce){.c-typt i{animation:none}}
.c-snel{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.c-chip{border:0;border-radius:999px;padding:9px 14px;background:var(--oranje-zacht);color:#9A4A06;font:800 14px Nunito,system-ui,sans-serif;cursor:pointer}
.c-form{margin-top:12px;background:#fff;border-radius:20px;padding:14px;box-shadow:0 4px 14px rgba(124,72,24,.07)}
.c-uitleg{display:flex;gap:8px;align-items:flex-start;margin:0 0 12px;font-size:13.5px;font-weight:700;color:var(--grijs);line-height:1.45}
.c-uitleg svg{flex:0 0 17px;width:17px;height:17px;color:#15803D;margin-top:1px}
.c-via{margin:2px 0 4px}
.c-opnieuw,.c-nieuw{display:block;margin:10px auto 0;border:0;background:none;color:var(--grijs);font:800 13.5px Nunito,system-ui,sans-serif;text-decoration:underline;cursor:pointer}
.c-nieuw{margin-top:18px}
.c-track{gap:8px;width:auto;padding:0 20px;text-decoration:none;margin-top:2px}
.c-track svg{width:19px;height:19px}
.c-vraag{margin-top:10px}
.c-vraag button:disabled{opacity:.5}
.c-vakjes{display:flex;gap:8px;justify-content:center;margin:4px 0 2px}
.c-vakje{width:48px;height:58px;border:1px solid #E7DED5;border-radius:14px;background:#fff;text-align:center;font:800 22px Nunito,system-ui,sans-serif;color:var(--inkt);outline:none;font-variant-numeric:tabular-nums}
.c-vakje:focus{border-color:var(--oranje);box-shadow:0 0 0 3px rgba(255,122,0,.15)}
.c-vakje.vol{border-color:var(--oranje)}
.c-klok{margin:6px 0 0;text-align:center;font-size:12.5px;font-weight:700;color:var(--grijs)}
.c-plink{display:inline-flex;align-items:center;gap:4px;margin:2px 0;padding:3px 10px;border-radius:999px;background:var(--oranje-zacht);color:#9A4A06;font-weight:800;text-decoration:none}
.c-plink em{font-style:normal;color:var(--oranje)}
.c-vraag-p{margin-top:10px}

/* inspreken, zoals WhatsApp: leeg veld = microfoon (zelfde oranje knop), tekst = verstuurknop; rood en kloppend tijdens luisteren */
.vraag.met-mic .mic{display:none}
.vraag.met-mic.leeg .mic,.vraag.met-mic.luistert .mic{display:grid}
.vraag.met-mic.leeg>button:not(.mic),.vraag.met-mic.luistert>button:not(.mic){display:none}
.vraag button.mic svg{width:21px;height:21px}
.vraag.luistert button.mic{background:#DC2626;animation:mic-klop 1.1s ease-in-out infinite}
@keyframes mic-klop{0%,100%{box-shadow:0 0 0 0 rgba(220,38,38,.45)}50%{box-shadow:0 0 0 7px rgba(220,38,38,0)}}
@media (prefers-reduced-motion:reduce){.vraag.luistert button.mic{animation:none}}
.vraag.omzetten button.mic{background:#9AA3AF;animation:none;opacity:.8}