/* Mallow on-site newsletter signup — a slim single-row band. Self-contained
   (also used off the homepage via [mw_newsletter]), so it defines its own
   colours rather than relying on homepage.css variables. */

.mw-news{
  --news-ink:#0E0B09; --news-cream:#FFF3D8;
  margin:20px 0; border-radius:16px; padding:14px 22px;
  font-family:'Baloo 2',system-ui,sans-serif;
  box-shadow:0 8px 22px rgba(14,11,9,.10);
}

/* Theme-palette backgrounds. Each sets a foreground for contrast. */
.mw-news--caramel{background:linear-gradient(100deg,#E9B45C,#f0c877);--fg:var(--news-ink)}
.mw-news--raspberry{background:linear-gradient(100deg,#D9538F,#e57aa8);--fg:var(--news-cream)}
.mw-news--teal{background:linear-gradient(100deg,#0E93A6,#3fb7c9);--fg:var(--news-cream)}
.mw-news--graham{background:#0E0B09;--fg:var(--news-cream)}
.mw-news--cream{background:#FFF3D8;--fg:var(--news-ink)}
.mw-news--tan{background:#E9D6AC;--fg:var(--news-ink)}

.mw-news__form{margin:0}
.mw-news__inner{
  display:flex; align-items:center; justify-content:space-between;
  gap:10px 20px; flex-wrap:wrap;
}
.mw-news__copy{flex:1 1 180px; min-width:0}
.mw-news__head{margin:0; font-weight:800; font-size:clamp(17px,2.2vw,21px); line-height:1.15; color:var(--fg)}
.mw-news__sub{margin:2px 0 0; font-size:13px; line-height:1.3; color:var(--fg); opacity:.85}

.mw-news__row{display:flex; gap:8px; flex:1 1 300px; max-width:480px}
.mw-news__in{
  flex:1 1 auto; min-width:0; padding:10px 13px; font-size:14px;
  border:2px solid rgba(14,11,9,.15); border-radius:11px;
  background:#FFFDF6; color:var(--news-ink); font-family:inherit;
}
.mw-news__in--name{flex:0 1 130px}
.mw-news__in:focus{outline:none; border-color:var(--news-ink)}
.mw-news__btn{
  flex:0 0 auto; padding:10px 20px; font-weight:800; font-size:14px;
  border:0; border-radius:11px; cursor:pointer; font-family:inherit; white-space:nowrap;
  background:#0E0B09; color:#FFF3D8; transition:transform .08s ease,opacity .2s;
}
/* On the dark band a dark button would vanish — use a caramel button there. */
.mw-news--graham .mw-news__btn{background:#E9B45C; color:#0E0B09}
.mw-news__btn:hover{transform:translateY(-1px)}
.mw-news__btn[disabled]{opacity:.6; cursor:default; transform:none}

/* Honeypot: kept in the DOM (bots fill it) but never shown to humans. */
.mw-news__hp{position:absolute!important; left:-9999px!important; width:1px; height:1px; opacity:0; pointer-events:none}

.mw-news__msg{min-height:0; margin:8px 0 0; font-weight:700; font-size:13px; color:var(--fg)}
.mw-news__msg:empty{margin:0}
.mw-news__msg.is-error{opacity:.95}

@media (max-width:560px){
  .mw-news__row{flex-direction:column; max-width:none}
  .mw-news__in--name{flex:1 1 auto}
  .mw-news__btn{width:100%}
}