/* ==========================================================================
   WooPlainly – Integrations – Mailpoet
   ========================================================================= */

#mailpoet_form_2 form.mailpoet_form {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.75em !important;
  flex-wrap: wrap !important;
  background: transparent !important;
}
#mailpoet_form_2 input.mailpoet_text {
  font-size: 1rem !important;
  background: #111 !important;
  border: 0.0625em solid #2e3a4a !important;
  color: #fff !important;
  padding: 0.875em 1.125em !important;
  border-radius: 0.625em !important;
  width: 18.75em !important;
  max-width: 100% !important;
}
#mailpoet_form_2 input.mailpoet_text::placeholder {
  color: #888 !important;
}
#mailpoet_form_2 input.mailpoet_submit {
  font-size: 1rem !important;
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(
    135deg,
    var(--e-global-color-astglobalcolor1) 0%,
    var(--e-global-color-astglobalcolor0) 100%
  ) !important;
  color: #fff !important;
  border: none !important;
  padding: 0.9375em 1.875em !important;
  border-radius: 0.625em !important;
  font-weight: 500 !important;
  cursor: pointer !important;
}
#mailpoet_form_2 input.mailpoet_submit:is(:hover, :focus-visible, :active) {
  background-position: right center !important;
  box-shadow: 0 0.25em 0.9375em rgba(0, 0, 0, 0.25) !important;
  transform: translateY(-0.125em) !important;
}
/* Mailpoet – opis pod inputem */
#mailpoet_form_2 p.mailpoet_form_paragraph {
  font-size: 0.8125em !important;
  margin-top: 0.625em !important;
  text-align: center !important;
  width: 100% !important;
  line-height: 1.5 !important;
  color: #ffffffcc !important; /* kolor STAŁY! */
  transition: color 0.3s ease;
}

/* Dark mode */
[data-theme="dark"] #mailpoet_form_2 input.mailpoet_submit {
  color: var(--e-global-color-astglobalcolor2) !important;
}

@media (max-width: 37.5em) {
  #mailpoet_form_2 form.mailpoet_form {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  #mailpoet_form_2 input.mailpoet_text,
  #mailpoet_form_2 input.mailpoet_submit {
    width: 100% !important;
  }
}