/* Noorderwind Nieuwsbrief: formulier en publieke pagina. Gebouwd op de --nw-* tokens met fallbacks. */
.nw-newsletter,.nw-nb-page{font-family:var(--nw-font-sans,'Outfit',system-ui,sans-serif);color:var(--nw-text-body,#3A4A5E)}
.nw-newsletter{width:100%;max-width:640px;margin-inline:auto}
.nw-newsletter__head{text-align:center;margin-bottom:24px}
.nw-newsletter__title{margin:0 0 8px;font-size:clamp(26px,4vw,34px);line-height:1.15;font-weight:700;letter-spacing:-0.02em;color:var(--nw-text-strong,#0E1B2C)}
.nw-newsletter__text{margin:0;font-size:17px;line-height:1.55}
.nw-newsletter__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.nw-newsletter__full{grid-column:1/-1}
.nw-newsletter--compact .nw-newsletter__grid{grid-template-columns:1fr}
.nw-newsletter__hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.nw-newsletter__submit{display:flex;justify-content:center;margin-top:24px}
.nw-newsletter__privacy{margin:14px 0 0;text-align:center;font-size:13px;line-height:1.4;color:var(--nw-text-muted,#5E6E82)}
.nw-newsletter__status{margin-top:12px;text-align:center;font-size:14px;font-weight:500;color:var(--nw-feedback-error,#C2412D);min-height:0}
.nw-newsletter__status:empty{display:none}
.nw-newsletter__lists{margin:20px 0 0;padding:0;border:0;min-width:0}
.nw-newsletter__lists legend{padding:0;margin-bottom:10px;font-size:14px;font-weight:600;color:var(--nw-text-strong,#0E1B2C)}
.nw-newsletter__chips{display:flex;flex-wrap:wrap;gap:8px}
.nw-chip{position:relative;display:inline-flex;cursor:pointer}
.nw-chip input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.nw-chip span{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border:1.5px solid var(--nw-border-strong,#C8D3DE);border-radius:999px;background:var(--nw-white,#fff);font-size:15px;font-weight:600;color:var(--nw-navy-950,#0E1B2C);transition:background-color .14s,border-color .14s,box-shadow .22s}
.nw-chip:hover span{border-color:var(--nw-slate-300,#A9B6C6)}
.nw-chip input:checked+span{background:var(--nw-sky-100,#DDF1FA);border-color:var(--nw-cyan-500,#12BCEE)}
.nw-chip input:focus-visible+span{box-shadow:var(--nw-shadow-focus,0 0 0 4px rgba(18,188,238,.35))}
/* fallback-velden (als core geen nw_text_field levert) */
.nw-newsletter .nw-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.nw-newsletter .nw-field__label{font-size:14px;font-weight:600;color:var(--nw-text-strong,#0E1B2C)}
.nw-newsletter .nw-field__req{margin-left:2px;color:var(--nw-blue-700,#17709F)}
.nw-newsletter .nw-field__control{width:100%;height:52px;padding:0 18px;border:1.5px solid var(--nw-border-strong,#C8D3DE);border-radius:var(--nw-radius-md,16px);background:#fff;color:var(--nw-navy-950,#0E1B2C);font:inherit;font-size:16px;outline:none;appearance:none;box-sizing:border-box}
.nw-newsletter .nw-field__control:focus{border-color:var(--nw-cyan-500,#12BCEE);box-shadow:var(--nw-shadow-focus,0 0 0 4px rgba(18,188,238,.35))}
.nw-newsletter .nw-field__error{font-size:13px;font-weight:500;color:var(--nw-feedback-error,#C2412D)}
.nw-newsletter .nw-field--error .nw-field__control{border-color:var(--nw-feedback-error,#C2412D)}
.nw-newsletter .nw-btn,.nw-nb-page .nw-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 24px;border:1.5px solid transparent;border-radius:999px;font:inherit;font-size:16px;font-weight:600;line-height:1;text-decoration:none;cursor:pointer}
.nw-newsletter .nw-btn--lg,.nw-nb-page .nw-btn--lg{height:56px;padding:0 30px;font-size:17px}
.nw-newsletter .nw-btn--primary,.nw-nb-page .nw-btn--primary{background:var(--nw-action-primary,#12BCEE);color:var(--nw-action-on-primary,#0E1B2C)}
.nw-newsletter .nw-btn--primary:hover,.nw-nb-page .nw-btn--primary:hover{background:var(--nw-action-primary-hover,#0FA8D6)}
.nw-nb-page .nw-btn--secondary{background:#fff;border-color:var(--nw-border-strong,#C8D3DE);color:var(--nw-navy-950,#0E1B2C)}
.nw-nb-page .nw-btn--secondary:hover{border-color:var(--nw-navy-950,#0E1B2C)}
.nw-newsletter .nw-btn:focus-visible,.nw-nb-page .nw-btn:focus-visible{outline:none;box-shadow:var(--nw-shadow-focus,0 0 0 4px rgba(18,188,238,.35))}
.nw-newsletter .nw-btn[disabled]{opacity:.55;cursor:progress}
/* succesblok */
.nw-newsletter__success{text-align:center;padding:12px 0}
.nw-newsletter__success[hidden],.nw-newsletter__form[hidden]{display:none}
.nw-newsletter__success:focus{outline:none}
.nw-newsletter__success-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;margin-bottom:16px;border-radius:50%;background:var(--nw-sky-100,#DDF1FA);color:var(--nw-blue-700,#17709F)}
.nw-newsletter__success-title{margin:0 0 8px;font-size:28px;font-weight:700;letter-spacing:-0.02em;color:var(--nw-text-strong,#0E1B2C)}
.nw-newsletter__success-text{margin:0 auto;max-width:44ch;font-size:17px;line-height:1.55}
@media (max-width:560px){.nw-newsletter__grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.nw-chip span,.nw-newsletter .nw-field__control{transition:none}}

/* publieke pagina (bevestigen, voorkeuren, afmelden) */
.nw-nb-page{max-width:640px;margin:0 auto}
.nw-nb-card{padding:clamp(24px,4vw,40px);border-radius:var(--nw-radius-lg,24px);background:var(--nw-white,#fff);border:1px solid var(--nw-border-subtle,#E1E8EF);box-shadow:var(--nw-shadow-sm,0 6px 16px -4px rgba(14,27,44,.08))}
.nw-nb-card h2{margin:0 0 12px;font-size:28px;line-height:1.2;font-weight:700;letter-spacing:-0.02em;color:var(--nw-text-strong,#0E1B2C)}
.nw-nb-card p{margin:0 0 16px;font-size:17px;line-height:1.6}
.nw-nb-card .nw-newsletter__success-icon{margin-bottom:12px}
.nw-nb-card--center{text-align:center}
.nw-nb-card form{display:flex;flex-direction:column;gap:18px}
.nw-nb-card textarea,.nw-nb-card select{width:100%;padding:12px 18px;border:1.5px solid var(--nw-border-strong,#C8D3DE);border-radius:var(--nw-radius-md,16px);font:inherit;font-size:16px;box-sizing:border-box;background:#fff;color:var(--nw-navy-950,#0E1B2C)}
.nw-nb-card .nw-field__control{width:100%;height:52px;padding:0 18px;border:1.5px solid var(--nw-border-strong,#C8D3DE);border-radius:var(--nw-radius-md,16px);font:inherit;font-size:16px;box-sizing:border-box;background:#fff}
.nw-nb-card .nw-field{display:flex;flex-direction:column;gap:8px}
.nw-nb-card .nw-field__label{font-size:14px;font-weight:600;color:var(--nw-text-strong,#0E1B2C)}
.nw-nb-card textarea:focus,.nw-nb-card select:focus,.nw-nb-card .nw-field__control:focus{outline:none;border-color:var(--nw-cyan-500,#12BCEE);box-shadow:var(--nw-shadow-focus,0 0 0 4px rgba(18,188,238,.35))}
.nw-nb-card__row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.nw-nb-note{padding:12px 16px;border-radius:var(--nw-radius-md,16px);background:var(--nw-sky-50,#F0F8FC);color:var(--nw-text-strong,#0E1B2C);font-size:15px;margin-bottom:16px}
.nw-nb-note--error{background:#FBEDEA;color:#8A2B1C}
.nw-nb-card a:not(.nw-btn){color:var(--nw-blue-700,#17709F)}
