/* ============================================================
   Poké Perfect — Mailchimp newsletter response message
   ============================================================ */

.pp-newsletter-msg {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: var(--ink, #1a1814);
  padding: 14px 18px;
  background: var(--paper, #ffffff);
  border: 1px solid var(--line, rgba(26,24,20,0.08));
  border-radius: 999px;
  display: inline-block;
  max-width: 100%;
  text-align: center;
  letter-spacing: 0.005em;
}

.pp-newsletter-msg[data-type="success"] {
  background: var(--mint-soft, #DCEFE6);
  border-color: var(--mint, #82C7AD);
}

.pp-newsletter-msg[data-type="info"] {
  background: var(--cream, #FAF6EE);
  border-color: var(--line, rgba(26,24,20,0.12));
}

.pp-newsletter-msg[data-type="error"] {
  background: var(--salmon-soft, #FCE9DF);
  border-color: var(--salmon-deep, #E8856A);
  color: var(--ink, #1a1814);
}

/* Inline error rendered above the still-visible form. */
.pp-newsletter-msg[data-inline="true"] {
  margin-bottom: 12px;
  display: block;
  border-radius: 12px;
  padding: 10px 14px;
  font-size: 13px;
}

/* Newsletter band on the homepage already has white-on-salmon
   contrast — give the message a bit more breathing room there. */
.newsletter .pp-newsletter-msg {
  padding: 12px 22px;
  font-size: 14px;
}

/* Footer mini is in a tighter spot — keep it compact. */
.footer-newsletter-mini .pp-newsletter-msg {
  padding: 10px 14px;
  font-size: 13px;
  border-radius: 12px;
  display: block;
}