/**
 * NewsMailer Pro — Button Style 1
 * Style: Solid / Flat Design
 *
 * Appearance:
 *  - Solid filled background (primary blue)
 *  - White text
 *  - Clean flat design with subtle hover effect
 *  - No gradient, no border
 *  - Professional and versatile — works on most website designs
 *
 * @package NewsMailer_Pro
 */

/* ============================================================
   BUTTON STYLE 1 — Solid Primary
   ============================================================ */
.nmp-form-wrapper.nmp-style-1 .nmp-subscribe-btn,
.nmp-form-wrapper.nmp-fallback .nmp-subscribe-btn {
  background-color: var(--nmp-primary, #2271b1);
  color: #ffffff;
  border-color: var(--nmp-primary, #2271b1);
  border-left: none;
  letter-spacing: 0.3px;
}

.nmp-form-wrapper.nmp-style-1 .nmp-subscribe-btn:hover,
.nmp-form-wrapper.nmp-fallback .nmp-subscribe-btn:hover {
  background-color: var(--nmp-primary-hover, #135e96);
  border-color: var(--nmp-primary-hover, #135e96);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(34, 113, 177, 0.35);
}

.nmp-form-wrapper.nmp-style-1 .nmp-subscribe-btn:active,
.nmp-form-wrapper.nmp-fallback .nmp-subscribe-btn:active {
  transform: translateY(0);
  box-shadow: none;
}

.nmp-form-wrapper.nmp-style-1 .nmp-subscribe-btn:focus,
.nmp-form-wrapper.nmp-fallback .nmp-subscribe-btn:focus {
  outline: 2px solid var(--nmp-primary, #2271b1);
  outline-offset: 3px;
}

/* Input border color complement for style 1 */
.nmp-form-wrapper.nmp-style-1 .nmp-email-input:focus {
  border-color: var(--nmp-primary, #2271b1);
}

/* ============================================================
   RESPONSIVE — Stacked on mobile
   ============================================================ */
@media (max-width: 480px) {
  .nmp-form-wrapper.nmp-style-1 .nmp-subscribe-btn {
    border-left: 2px solid var(--nmp-primary, #2271b1);
  }
}