/* HOBBIE BRANDS — Weekly Hobby Mix signup band (Phase 5).
   Lives just above the footer on every page (stamped via partials/footer.html).
   Uses the site's own --hb-* tokens so it reads native to the template.
   Loaded AFTER bobby.css (footer partial) so it wins on equal specificity. */
.hb-newsletter {
  background: #fffaf1;                 /* --hb-cream warm */
  border-top: 1px solid #e6dcc6;
  border-bottom: 1px solid #e6dcc6;
  padding: 42px 0 46px;
}
.hb-newsletter-inner {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}
.hb-newsletter-eyebrow {
  font-size: 12px;
  letter-spacing: 3px;
  color: #0f6b63;                      /* --hb-teal */
  font-weight: 700;
  text-transform: uppercase;
}
.hb-newsletter-title {
  font-size: 30px;
  font-weight: 800;
  color: #111d35;                      /* --hb-navy */
  margin-top: 6px;
}
.hb-newsletter-sub {
  color: #4a4a57;
  font-size: 16px;
  max-width: 520px;
  margin: 10px auto 22px;
  line-height: 1.55;
}
.hb-newsletter-form {
  display: flex;
  gap: 10px;
  max-width: 460px;
  margin: 0 auto;
}
.hb-newsletter-input {
  flex: 1 1 auto;
  min-width: 0;
  padding: 14px 16px;
  font-size: 16px;
  color: #111d35;
  background: #ffffff;
  border: 2px solid #d6cbb0;
  border-radius: 999px;
  outline: none;
}
.hb-newsletter-input:focus {
  border-color: #0f6b63;
  box-shadow: 0 0 0 3px rgba(15, 107, 99, 0.18);
}
.hb-newsletter-btn {
  flex: 0 0 auto;
  padding: 14px 22px;
  font-size: 16px;
  font-weight: 700;
  color: #fdf7ea;
  background: linear-gradient(180deg, #14857c, #0f6b63);
  border: none;
  border-radius: 999px;
  cursor: pointer;
  transition: transform .12s ease, box-shadow .12s ease;
}
.hb-newsletter-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(15, 107, 99, 0.30);
}
.hb-newsletter-btn:disabled {
  opacity: .55;
  cursor: default;
  transform: none;
}
.hb-newsletter-msg,
.hb-newsletter-closed {
  margin: 14px auto 0;
  max-width: 460px;
  font-size: 15px;
  font-weight: 600;
}
.hb-newsletter-msg.ok    { color: #0f6b63; }
.hb-newsletter-msg.error { color: #a33; }
.hb-newsletter-closed    { color: #a33; }
@media (max-width: 520px) {
  .hb-newsletter { padding: 34px 0 38px; }
  .hb-newsletter-title { font-size: 25px; }
  .hb-newsletter-form { flex-direction: column; gap: 10px; }
  .hb-newsletter-btn { width: 100%; }
}