/* Chat Widget v2.2 — style.css — all scoped under .cw-widget */
.cw-widget,.cw-widget *{box-sizing:border-box;margin:0;padding:0;line-height:1.4;}

/* Box — flex column so header+footer are fixed, body scrolls */
.cw-widget .cw-box{
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 6px 28px rgba(0,0,0,0.14);
    border:0.5px solid #e0e0e0;
    display:flex;
    flex-direction:column;
}

/* Header — compact, always visible */
.cw-widget .cw-header{padding:11px 13px 10px;position:relative;flex-shrink:0;}
.cw-widget .cw-title{font-size:15px;font-weight:600;color:#fff;margin:0;}
.cw-widget .cw-subtitle{font-size:11.5px;color:rgba(255,255,255,0.76);margin:2px 0 0;}

/* Close — proper SVG X, circle bg */
.cw-widget .cw-close{
    position:absolute;right:10px;top:10px;
    width:22px;height:22px;border-radius:50%;
    background:rgba(255,255,255,0.16);border:none;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    color:#fff;padding:0;transition:background 0.15s,transform 0.15s;
}
.cw-widget .cw-close:hover{background:rgba(255,255,255,0.3);transform:rotate(90deg);}
.cw-widget .cw-close svg{display:block;}

/* Body — scrollable, hidden scrollbar */
.cw-widget .cw-body{
    overflow-y:auto;overflow-x:hidden;flex:1;
    scrollbar-width:none;-ms-overflow-style:none;
}
.cw-widget .cw-body::-webkit-scrollbar{display:none;}

/* Footer — pinned bottom */
.cw-widget .cw-footer{
    text-align:center;font-size:10.5px;color:#bbb;
    padding:6px 10px;flex-shrink:0;
    border-top:0.5px solid #f0f0f0;background:#fff;
}
.cw-widget .cw-footer a{color:#bbb;text-decoration:none;}
.cw-widget .cw-footer a:hover{color:#888;}

/* Cards */
.cw-widget .cw-card{background:#f8f8f8;margin:6px;border-radius:9px;overflow:hidden;border:0.5px solid #ebebeb;}

/* Rows — compact */
.cw-widget .cw-row{display:flex;align-items:center;gap:9px;padding:9px 12px;cursor:pointer;border-bottom:0.5px solid #eaeaea;transition:background 0.12s;}
.cw-widget .cw-row:last-of-type{border-bottom:none;}
.cw-widget .cw-row:hover{background:#f0f4fc;}
.cw-widget .cw-icon{width:26px;height:26px;border-radius:6px;background:#e8eef7;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;overflow:hidden;}
.cw-widget .cw-row-label{flex:1;font-size:12.5px;color:#222;font-weight:500;}
.cw-widget .cw-arrow{display:flex;align-items:center;flex-shrink:0;transition:transform 0.2s;}
.cw-widget .cw-arrow.open{transform:rotate(90deg);}

/* Inline panels */
.cw-widget .cw-inline{display:none;padding:8px 12px;background:#fff;border-top:0.5px solid #eee;animation:cwFade 0.16s ease;}
.cw-widget .cw-inline.open{display:block;}
@keyframes cwFade{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}

/* Bullet points */
.cw-widget .cw-pts{list-style:none;margin:0 0 6px;}
.cw-widget .cw-pts li{display:flex;gap:6px;font-size:12px;color:#444;padding:2px 0;line-height:1.45;}
.cw-widget .cw-pts li::before{content:'•';color:#163a70;font-size:15px;line-height:1.2;flex-shrink:0;}
.cw-widget .cw-more{font-size:11.5px;color:#163a70;font-weight:600;text-decoration:underline;cursor:pointer;display:inline-block;}

/* Steps — compact */
.cw-widget .cw-steps{list-style:none;margin:0 0 6px;}
.cw-widget .cw-steps li{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:#333;padding:4px 0;border-bottom:0.5px solid #f2f2f2;line-height:1.4;}
.cw-widget .cw-steps li:last-child{border-bottom:none;padding-bottom:0;}
.cw-widget .cw-step-num{width:17px;height:17px;border-radius:50%;background:#163a70;color:#fff;font-size:9.5px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}

/* Coupon — compact */
.cw-widget .cw-coupon{margin:6px;border-radius:9px;border:1.5px dashed #e8a020;background:#fffcf5;position:relative;overflow:hidden;}
.cw-widget .cw-coupon::before,.cw-widget .cw-coupon::after{content:'';position:absolute;width:13px;height:13px;background:#f2f2f2;border-radius:50%;top:50%;transform:translateY(-50%);}
.cw-widget .cw-coupon::before{left:-7px;}
.cw-widget .cw-coupon::after{right:-7px;}
.cw-widget .cw-coupon-inner{padding:9px 13px;}
.cw-widget .cw-coupon-head{display:flex;align-items:center;gap:7px;margin-bottom:4px;flex-wrap:wrap;}
.cw-widget .cw-coupon-badge{font-size:9.5px;font-weight:600;background:#f5a623;color:#fff;padding:2px 7px;border-radius:20px;white-space:nowrap;flex-shrink:0;}
.cw-widget .cw-coupon-title{font-size:12.5px;font-weight:600;color:#6b3a00;line-height:1.3;}
.cw-widget .cw-coupon-sub{font-size:11px;color:#9a6820;margin-bottom:8px;line-height:1.4;}
.cw-widget .cw-coupon-row{display:flex;align-items:center;background:#fff;border:1.5px solid #e8a020;border-radius:7px;overflow:hidden;}
.cw-widget .cw-coupon-code{flex:1;padding:8px 10px;font-size:14px;font-weight:700;color:#163a70;letter-spacing:0.12em;text-align:center;font-family:monospace;}
.cw-widget .cw-coupon-divider{width:1px;height:32px;background:#e8d0a0;flex-shrink:0;}
.cw-widget .cw-copy-btn{padding:0 11px;height:36px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s;flex-shrink:0;}
.cw-widget .cw-copy-btn:hover{background:#fff8ec;}
.cw-widget .cw-copy-btn svg{width:14px;height:14px;fill:#e8a020;flex-shrink:0;transition:fill 0.2s;}
.cw-widget .cw-copy-btn.copied svg{fill:#2e7d32;}
.cw-widget .cw-coupon-note{display:flex;align-items:center;gap:4px;font-size:10.5px;color:#a07030;margin-top:6px;}
.cw-widget .cw-coupon-note svg{width:11px;height:11px;fill:#c8882a;flex-shrink:0;}
.cw-widget .cw-coupon-note.success{color:#2e7d32;}
.cw-widget .cw-coupon-note.success svg{fill:#2e7d32;}

/* WhatsApp — compact */
.cw-widget .cw-wa-card{margin:6px;border-radius:9px;border:0.5px solid #c3e6cb;background:#f0faf3;}
.cw-widget .cw-wa-inner{padding:10px 12px;}
.cw-widget .cw-wa-top{display:flex;align-items:center;gap:9px;margin-bottom:7px;}
.cw-widget .cw-wa-ico{width:30px;height:30px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.cw-widget .cw-wa-name{font-size:13px;font-weight:600;color:#1a3a24;}
.cw-widget .cw-wa-status{display:flex;align-items:center;gap:4px;margin-top:1px;}
.cw-widget .cw-wa-dot{width:6px;height:6px;border-radius:50%;background:#25D366;flex-shrink:0;}
.cw-widget .cw-wa-status span{font-size:11px;color:#4a7a56;}
.cw-widget .cw-wa-msg{font-size:12px;color:#3a5a42;line-height:1.5;margin-bottom:8px;background:#fff;border-radius:7px;padding:7px 10px;border:0.5px solid #c3e6cb;}
.cw-widget .cw-wa-btn{display:flex;align-items:center;justify-content:center;gap:7px;background:#25D366;color:#fff;padding:9px;border-radius:7px;font-size:12.5px;font-weight:600;cursor:pointer;transition:background 0.15s;}
.cw-widget .cw-wa-btn:hover{background:#1db954;}
.cw-widget .cw-wa-disabled .cw-wa-btn{background:#aaa;cursor:not-allowed;}
.cw-widget .cw-wa-disabled .cw-wa-ico{background:#aaa;}

/* Toggle button */
.cw-widget .cw-toggle{border-radius:50%;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,0.22);transition:transform 0.2s,box-shadow 0.2s;position:relative;border:none;}
.cw-widget .cw-toggle:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(0,0,0,0.28);}
.cw-widget .cw-toggle:focus{outline:3px solid rgba(22,58,112,0.35);}
.cw-widget .cw-toggle.cw-pulse::before{content:'';position:absolute;inset:-5px;border-radius:50%;border:2px solid currentColor;opacity:0.22;animation:cwPulse 2.2s ease-out infinite;}
@keyframes cwPulse{0%{transform:scale(.88);opacity:.28}70%{transform:scale(1.18);opacity:0}100%{opacity:0}}

/* Open/close — handled via transition in widget.php inline styles (opacity+transform) */
.cw-widget .cw-box{will-change:opacity,transform;}

/* Mobile — narrower, taller, smoother radius */
@media(max-width:480px){
    .cw-widget .cw-box{border-radius:14px!important;}
}