/* City Subscribe Widget */
.cs-widget{
    background:linear-gradient(135deg,#1a1d2e 0%,#2d3561 100%);
    color:#fff;padding:24px;border-radius:8px;
}
.cs-widget .widget-title{
    font-size:1.1rem;font-weight:700;margin-bottom:6px;
    border-bottom:none;padding:0;
    display:flex;align-items:center;gap:8px;
}
.cs-desc{font-size:13px;opacity:0.8;margin-bottom:14px;line-height:1.5}
.cs-input-group{display:flex;gap:8px;overflow:hidden}
.cs-input{
    flex:1;min-width:0;padding:11px 14px;
    border:none;border-radius:6px;font-size:14px;
    background:#fff;color:#1e293b;
}
.cs-input:focus{outline:2px solid #2563eb;outline-offset:-2px}
.cs-input::placeholder{color:#94a3b8}
.cs-btn{
    flex-shrink:0;padding:11px 20px;
    background:#dc2626;color:#fff;border:none;
    border-radius:6px;font-size:14px;font-weight:600;
    cursor:pointer;transition:background 0.2s;white-space:nowrap;
}
.cs-btn:hover{background:#b91c1c}
.cs-btn:disabled{background:#94a3b8;cursor:not-allowed}

.cs-message{
    margin-top:10px;padding:10px 14px;
    border-radius:6px;font-size:13px;line-height:1.4;
}
.cs-success{background:rgba(22,163,74,0.15);color:#4ade80;border:1px solid rgba(22,163,74,0.3)}
.cs-error{background:rgba(220,38,38,0.15);color:#fca5a5;border:1px solid rgba(220,38,38,0.3)}

/* Shortcode version */
.cs-widget-shortcode{
    max-width:500px;margin:20px auto;
}
.cs-widget-shortcode .cs-title{
    font-size:1.3rem;text-align:center;
}
.cs-widget-shortcode .cs-desc{
    text-align:center;
}

/* Animation */
@keyframes csFadeIn{
    from{opacity:0;transform:translateY(6px)}
    to{opacity:1;transform:translateY(0)}
}
.cs-message{animation:csFadeIn 0.25s ease}