#wpcf-chatbot-root{direction:rtl;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}

/* Toggle */
#wpcf-toggle{position:fixed;bottom:24px;left:24px;width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#2271b1,#1d60a0);color:#fff;border:none;cursor:pointer;font-size:28px;box-shadow:0 4px 18px rgba(34,113,177,.45);display:flex;align-items:center;justify-content:center;z-index:9999;transition:transform .2s,box-shadow .2s}
#wpcf-toggle:hover{transform:scale(1.08);box-shadow:0 6px 24px rgba(34,113,177,.55)}
#wpcf-toggle.open{background:linear-gradient(135deg,#d63638,#a00)}

/* Window */
#wpcf-window{position:fixed;bottom:98px;left:24px;width:370px;max-height:580px;background:#fff;border-radius:18px;box-shadow:0 8px 40px rgba(0,0,0,.18);display:flex;flex-direction:column;z-index:9998;overflow:hidden;transform:scale(.92) translateY(16px);opacity:0;pointer-events:none;transition:transform .22s cubic-bezier(.34,1.56,.64,1),opacity .18s ease}
#wpcf-window.visible{transform:scale(1) translateY(0);opacity:1;pointer-events:all}

/* Header */
#wpcf-header{background:linear-gradient(135deg,#2271b1,#1d60a0);color:#fff;padding:14px 18px;display:flex;align-items:center;gap:10px}
#wpcf-header .avatar{width:38px;height:38px;background:rgba(255,255,255,.22);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}
#wpcf-header .info{flex:1}
#wpcf-header .name{font-weight:700;font-size:15px}
#wpcf-header .status{font-size:11px;opacity:.8}
.wpcf-close-btn{background:none;border:none;color:rgba(255,255,255,.8);font-size:20px;cursor:pointer;padding:0}

/* Messages */
#wpcf-messages{flex:1;overflow-y:auto;padding:16px 14px 8px;background:#f4f6f9;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
#wpcf-messages::-webkit-scrollbar{width:4px}
#wpcf-messages::-webkit-scrollbar-thumb{background:#c3c4c7;border-radius:4px}

.wpcf-msg{display:flex;align-items:flex-end;gap:8px;animation:wpcf-pop .22s ease}
@keyframes wpcf-pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.wpcf-msg.bot{flex-direction:row}
.wpcf-msg.user{flex-direction:row-reverse}
.wpcf-bubble{max-width:82%;padding:10px 14px;border-radius:18px;font-size:14px;line-height:1.55;word-break:break-word}
.bot .wpcf-bubble{background:#fff;color:#1d2327;border-bottom-right-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.user .wpcf-bubble{background:#2271b1;color:#fff;border-bottom-left-radius:4px}
.wpcf-bot-icon{width:30px;height:30px;background:#2271b1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}

/* Typing */
.wpcf-typing .wpcf-bubble{display:flex;gap:5px;align-items:center;padding:12px 16px}
.wpcf-dot{width:7px;height:7px;background:#aaa;border-radius:50%;animation:wpcf-bounce .9s infinite}
.wpcf-dot:nth-child(2){animation-delay:.18s}
.wpcf-dot:nth-child(3){animation-delay:.36s}
@keyframes wpcf-bounce{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-6px)}}

/* Name form */
#wpcf-name-form{padding:12px 14px;background:#f4f6f9;border-top:1px solid #e8e8ec;display:flex;gap:8px}
#wpcf-name-input{flex:1;padding:9px 12px;border:1.5px solid #c3c4c7;border-radius:10px;font-size:13px;outline:none;direction:rtl}
#wpcf-name-input:focus{border-color:#2271b1}
#wpcf-name-submit{background:#2271b1;color:#fff;border:none;border-radius:10px;padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer}

/* Choices */
#wpcf-choices{padding:10px 14px 14px;background:#f4f6f9;display:flex;flex-direction:column;gap:7px;border-top:1px solid #e8e8ec}
.wpcf-choice{background:#fff;border:1.5px solid #2271b1;color:#2271b1;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:600;cursor:pointer;text-align:right;transition:background .15s,color .15s,transform .1s;display:flex;align-items:center;gap:8px}
.wpcf-choice:hover{background:#2271b1;color:#fff}
.wpcf-choice:active{transform:scale(.97)}

/* WA button */
.wpcf-wa-btn{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:9px 16px;background:#25d366;color:#fff !important;border-radius:10px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s}
.wpcf-wa-btn:hover{opacity:.88}

/* Action link */
.wpcf-action-btn{display:inline-block;margin-top:8px;padding:8px 16px;background:linear-gradient(135deg,#2271b1,#1d60a0);color:#fff !important;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s}
.wpcf-action-btn:hover{opacity:.88}

/* Footer */
#wpcf-footer{padding:8px 14px 10px;background:#f4f6f9;text-align:center;font-size:10px;color:#999;border-top:1px solid #e8e8ec;display:flex;align-items:center;justify-content:space-between}
.wpcf-reset-btn{background:none;border:none;color:#2271b1;font-size:11px;cursor:pointer;padding:0;font-weight:600}
.wpcf-reset-btn:hover{text-decoration:underline}

/* Back button */
#wpcf-back-btn{background:none;border:none;color:#2271b1;font-size:11px;cursor:pointer;padding:0;font-weight:600}
#wpcf-back-btn:hover{text-decoration:underline}

@media(max-width:420px){
    #wpcf-window{width:calc(100vw - 20px);left:10px;right:10px;bottom:86px}
    #wpcf-toggle{left:16px;bottom:16px}
}