/* ================================================================ */
/* Northwest.Net + Rainier.org brand — Listmonk public pages         */
/* Targets: subscription form, archive, opt-in/opt-out confirmation  */
/* ================================================================ */

:root {
  --green: #2D6A4F;
  --green-mid: #40916C;
  --green-tint: #D8F3DC;
  --green-bg: #F8FAF9;
  --text: #1A2E22;
  --muted: #6B8F76;
}

body {
  font-family: "Inter", system-ui, -apple-system, sans-serif !important;
  background: var(--green-bg) !important;
  color: var(--text) !important;
}

/* === HEADER + LOGO === */
/* Listmonk renders <header class="header"><div class="logo"><a><img src=".../logo.svg"></a></div></header> */
/* We hide the bundled <img> and inject our own logo via CSS background on the link */
header.header {
  text-align: center !important;
  padding: 28px 0 12px 0 !important;
  border-bottom: 2px solid var(--green-tint) !important;
  margin-bottom: 32px !important;
}
header.header .logo a img,
.logo img {
  display: none !important;
}
header.header .logo a {
  display: inline-block !important;
  width: 320px !important;
  height: 96px !important;
  background: url("/uploads/logo-pnw.png") no-repeat center center !important;
  background-size: contain !important;
  text-indent: -9999px !important;
}

/* === HEADINGS === */
h1, h2, h3 {
  color: var(--green) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

/* === LAYOUT === */
.wrap, .form, .container {
  max-width: 640px !important;
}

/* === BUTTONS === */
button, input[type=submit], .button {
  background: var(--green) !important;
  color: white !important;
  border: none !important;
  padding: 12px 24px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
button:hover, input[type=submit]:hover, .button:hover {
  background: var(--green-mid) !important;
}

/* === INPUTS === */
input[type=text], input[type=email], textarea, select {
  border: 1px solid #C8E6D0 !important;
  padding: 10px 12px !important;
  border-radius: 6px !important;
  font-size: 15px !important;
}
input:focus, textarea:focus {
  outline: 2px solid var(--green) !important;
  border-color: var(--green) !important;
}

/* === LINKS === */
a {
  color: var(--green) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}
a:hover {
  text-decoration: underline !important;
}

/* === FOOTER ("Powered by listmonk" removal) === */
/* Actual HTML: <footer class="container">Powered by <a href="https://listmonk.app">listmonk</a></footer> */
/* Listmonk uses .container for both content wrap AND footer, so target body>footer specifically */
body > footer.container {
  font-size: 0 !important;        /* hide the literal "Powered by" text */
  color: var(--muted) !important;
  padding: 32px 0 24px 0 !important;
  border-top: 1px solid var(--green-tint) !important;
  margin-top: 48px !important;
  text-align: center !important;
}
body > footer.container a {
  display: none !important;        /* hide listmonk.app link */
}
body > footer.container::after {
  content: "Northwest.Net · Rainier.org · Pacific Northwest, USA" !important;
  font-size: 13px !important;
  color: var(--muted) !important;
  display: block !important;
}