/* hanseat-mailer — Frontend-Styles */

.hm-subscribe-form { width: 100%; }

.hm-form-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.hm-email-input {
  flex: 1 1 200px;
  padding: 12px 16px;
  border: 1px solid rgba(30,58,95,.2);
  border-radius: 4px;
  font-family: var(--font-mono, monospace);
  font-size: 13px;
  background: #fdfaf5;
  color: var(--ink, #1a1612);
  outline: none;
}
.hm-email-input:focus { border-color: var(--ink, #1e3a5f); }

.hm-submit-btn {
  padding: 12px 24px;
  background: var(--ink, #1e3a5f);
  color: var(--paper, #f1ebe0);
  font-family: var(--font-mono, monospace);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background 150ms;
  white-space: nowrap;
}
.hm-submit-btn:hover { background: #162d4a; }
.hm-submit-btn:disabled { opacity: .6; cursor: not-allowed; }

.hm-legal {
  font-family: var(--font-mono, monospace);
  font-size: 11px;
  color: var(--muted, #8a7f72);
  margin-top: 10px;
  letter-spacing: .04em;
}

.hm-message {
  font-family: var(--font-mono, monospace);
  font-size: 12px;
  margin-top: 10px;
  padding: 10px 14px;
  border-radius: 4px;
}
.hm-message--success { background: rgba(30,58,95,.08); color: var(--ink, #1e3a5f); }
.hm-message--error   { background: rgba(200,54,45,.08); color: #c8362d; }
.hm-message--info    { background: rgba(30,58,95,.05); color: var(--muted, #8a7f72); }

/* ── Mobile ──────────────────────────────────────── */
@media (max-width: 480px) {
  .hm-form-row { flex-direction: column; align-items: stretch; }
  .hm-email-input { flex: 1 1 auto; width: 100%; font-size: 16px; /* iOS-Zoom verhindern */ }
  .hm-submit-btn  { width: 100%; padding: 14px 18px; }
}