/* ===== It's Your Design — AI chat order assistant ===== */
.chat-wrap{max-width:660px;margin:0 auto;padding:24px 16px 50px}
.chat-intro{text-align:center;margin-bottom:18px}
.chat-intro h1{font-size:clamp(1.5rem,4vw,2.1rem);color:var(--ink)}
.chat-intro p{color:var(--ink-soft);max-width:40em;margin:.5em auto 0;font-size:1rem}

.chat-box{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;height:min(70vh,620px)}
.chat-log{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}

.msg{max-width:82%;padding:11px 15px;border-radius:18px;font-size:1rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}
.msg.bot{align-self:flex-start;background:var(--teal-soft);color:var(--ink);border-bottom-left-radius:6px}
.msg.me{align-self:flex-end;background:var(--coral);color:#fff;border-bottom-right-radius:6px}
.msg.sys{align-self:center;background:#fff8e1;border:1px solid #ffe9a8;color:#7a5d00;font-size:.86rem;text-align:center;max-width:90%}

.typing{align-self:flex-start;display:inline-flex;gap:4px;padding:13px 16px;background:var(--teal-soft);border-radius:18px;border-bottom-left-radius:6px}
.typing span{width:7px;height:7px;border-radius:50%;background:var(--teal-dark);opacity:.5;animation:blink 1.2s infinite}
.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

.chat-gate{padding:14px 20px;border-top:1px solid #eef3f4;text-align:center}
.chat-gate p{font-size:.86rem;color:var(--ink-soft);margin-bottom:8px}
.chat-gate #cf-turnstile{display:flex;justify-content:center}
.chat-gate.hide{display:none}

.chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid #eef3f4;background:#fafdfd}
.chat-input textarea{flex:1;resize:none;font-family:'Nunito';font-size:1rem;padding:.7em .9em;border:2px solid #e3eef0;border-radius:16px;background:#fff;max-height:120px}
.chat-input textarea:focus{outline:none;border-color:var(--teal)}
.chat-send{flex-shrink:0;width:46px;height:46px;border:none;border-radius:50%;background:var(--teal);color:#fff;font-size:1.1rem;cursor:pointer;transition:background .2s,transform .1s}
.chat-send:hover:not(:disabled){background:var(--teal-dark)}
.chat-send:disabled{opacity:.5;cursor:default}

.chat-disclaimer{text-align:center;color:var(--ink-soft);font-size:.78rem;margin-top:12px}

.chat-done{align-self:center;text-align:center;margin-top:6px}
.chat-done a{display:inline-block;margin-top:8px}