/**
 * Newsletter block – MailerLite form overrides.
 * Loaded after the MailerLite plugin CSS so block design is preserved.
 * Only applies to MailerLite "Custom" forms (not embedded/iframe forms).
 */

.block-newsletter .mailerlite-form-container .mailerlite-form .mailerlite-form-title,
.block-newsletter .mailerlite-form-container .mailerlite-form .mailerlite-form-description {
  display: none !important;
}

.block-newsletter .mailerlite-form-container .mailerlite-form .mailerlite-form-field label {
  display: none !important;
}

.block-newsletter .mailerlite-form-container .mailerlite-form .mailerlite-form-inputs {
  display: flex !important;
  flex-direction: column;
  gap: 0;
}

@media (min-width: 640px) {
  .block-newsletter .mailerlite-form-container .mailerlite-form .mailerlite-form-inputs {
    flex-direction: row !important;
  }
}

.block-newsletter .mailerlite-form-container .mailerlite-form .mailerlite-form-field {
  flex: 1 1 auto !important;
  margin-bottom: 0 !important;
}

.block-newsletter .mailerlite-form-container .mailerlite-form .mailerlite-form-field input {
  width: 100% !important;
  min-height: 44px !important;
  padding: 12px 16px !important;
  font-size: 16px !important;
  color: #111827 !important;
  background-color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  outline: none !important;
  box-shadow: none !important;
}

@media (min-width: 640px) {
  .block-newsletter .mailerlite-form-container .mailerlite-form .mailerlite-form-field input {
    border-radius: 8px 0 0 8px !important;
  }
}

.block-newsletter .mailerlite-form-container .mailerlite-form .mailerlite-subscribe-button-container {
  margin: 0 !important;
}

.block-newsletter .mailerlite-form-container .mailerlite-form .mailerlite-subscribe-submit,
.block-newsletter .mailerlite-form-container .mailerlite-form button.mailerlite-subscribe-submit {
  width: 100% !important;
  min-height: 44px !important;
  min-width: 150px !important;
  padding: 12px 24px !important;
  font-size: 16px !important;
  font-weight: bold !important;
  color: #000000 !important;
  background-color: #FFAF00 !important;
  background: #FFAF00 !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  appearance: none !important;
}

@media (min-width: 640px) {
  .block-newsletter .mailerlite-form-container .mailerlite-form .mailerlite-subscribe-submit,
  .block-newsletter .mailerlite-form-container .mailerlite-form button.mailerlite-subscribe-submit {
    width: auto !important;
    border-radius: 0 8px 8px 0 !important;
  }
}

.block-newsletter .mailerlite-form-container .mailerlite-form .mailerlite-subscribe-submit:hover:not(:disabled),
.block-newsletter .mailerlite-form-container .mailerlite-form button.mailerlite-subscribe-submit:hover:not(:disabled) {
  background-color: #e6a000 !important;
  background: #e6a000 !important;
}

/* Refinement 2: Newsletter mobile – input margin; order handled by JS */
@media (max-width: 1023px) {
  .block-newsletter .mailerlite-form-container .mailerlite-form .mailerlite-form-field input {
    margin-bottom: 12px !important;
  }
}