/* Footer newsletter — AJAX status states */

.newsletter-form--loading .newsletter-submit {
  opacity: 0.7;
  cursor: wait;
}

.newsletter-status {
  margin: 10px 0 0;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 600;
}

.newsletter-status[hidden] {
  display: none !important;
}

.newsletter-status--success {
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.35);
  color: #166534;
}

.newsletter-status--info {
  background: rgba(99, 102, 241, 0.1);
  border: 1px solid rgba(99, 102, 241, 0.28);
  color: #4338ca;
}

.newsletter-status--error {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  color: #b91c1c;
}

.newsletter-status--loading {
  background: var(--bg-secondary, #f8fafc);
  border: 1px solid var(--border, #e2e8f0);
  color: var(--text-secondary, #64748b);
  font-weight: 500;
}

.newsletter-hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

[data-theme="dark"] .newsletter-status--success {
  background: rgba(34, 197, 94, 0.15);
  color: #86efac;
}

[data-theme="dark"] .newsletter-status--info {
  background: rgba(99, 102, 241, 0.15);
  color: #c7d2fe;
}

[data-theme="dark"] .newsletter-status--error {
  background: rgba(239, 68, 68, 0.12);
  color: #fca5a5;
}

@media (max-width: 480px) {
  .newsletter-input-row {
    flex-direction: column;
  }

  .newsletter-submit {
    width: 100%;
  }
}