/* AutoBlog AI — Newsletter Widget */
.ab-nl-wrap { margin: 2rem auto; max-width: 560px; }
.ab-nl-box { background: linear-gradient(135deg,#1e1b4b,#0f172a); border-radius: 16px; padding: 2.5rem; color: #e2e8f0; }
.ab-nl-icon { font-size: 2.5rem; margin-bottom: .75rem; }
.ab-nl-title { font-size: 1.4rem; font-weight: 700; margin: 0 0 .5rem; color: #fff; }
.ab-nl-sub { color: #a78bfa; font-size: .9rem; margin: 0 0 1.75rem; line-height: 1.6; }
.ab-nl-row { display: flex; gap: .6rem; margin-bottom: 1.25rem; flex-wrap: wrap; }
.ab-nl-input { flex: 1; min-width: 140px; background: rgba(255,255,255,.07); border: 1.5px solid rgba(255,255,255,.12); border-radius: 8px; color: #e2e8f0; font-size: .9rem; padding: .6rem .9rem; outline: none; transition: border-color .15s; font-family: inherit; }
.ab-nl-input::placeholder { color: #64748b; }
.ab-nl-input:focus { border-color: #7c6aff; }
.ab-nl-label { font-size: .78rem; font-weight: 600; color: #8892a4; text-transform: uppercase; letter-spacing: .05em; margin: 0 0 .6rem; }
.ab-nl-label span { text-transform: none; letter-spacing: 0; font-weight: 400; }
.ab-nl-topics { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: 1.25rem; }
.ab-nl-chip { position: relative; }
.ab-nl-chip input { position: absolute; opacity: 0; width: 0; height: 0; }
.ab-nl-chip span, .ab-nl-chip { display: inline-block; cursor: pointer; }
.ab-nl-chip { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 999px; padding: .3rem .85rem; font-size: .8rem; color: #a78bfa; transition: all .15s; user-select: none; }
.ab-nl-chip:hover { background: rgba(124,106,255,.2); border-color: #7c6aff; }
.ab-nl-chip:has(input:checked) { background: rgba(124,106,255,.3); border-color: #7c6aff; color: #fff; }
.ab-nl-freq { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.25rem; font-size: .85rem; color: #a78bfa; }
.ab-nl-freq label { display: flex; align-items: center; gap: .35rem; cursor: pointer; }
.ab-nl-btn { width: 100%; padding: .75rem; border: none; border-radius: 9px; font-size: .95rem; font-weight: 700; color: #fff; cursor: pointer; transition: filter .15s; font-family: inherit; }
.ab-nl-btn:hover { filter: brightness(1.1); }
.ab-nl-feedback { font-size: .82rem; margin-top: .6rem; padding: .5rem .75rem; border-radius: 6px; display: none; }
.ab-nl-feedback.err { display: block; background: rgba(248,113,113,.15); color: #f87171; border: 1px solid rgba(248,113,113,.3); }
.ab-nl-privacy { font-size: .72rem; color: #475569; text-align: center; margin: .75rem 0 0; }
.ab-nl-success { text-align: center; padding: 1rem 0; }
.ab-nl-success-icon { font-size: 3rem; margin-bottom: .75rem; }
.ab-nl-success h4 { color: #34d399; font-size: 1.2rem; margin: 0 0 .5rem; }
.ab-nl-success p { color: #8892a4; font-size: .875rem; }