/* MailerLite embedded form overrides */
.form-card .ml-embedded {
  width: 100%;
}

.form-card .ml-form-embedWrapper,
.form-card .ml-form-embedBody,
.form-card .ml-form-embedContainer {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.form-card .ml-form-embedContent {
  display: none !important;
}

.form-card .ml-form-formContent {
  margin: 0 !important;
  padding: 0 !important;
}

.form-card .ml-form-fieldRow {
  margin: 0 0 12px !important;
}

.form-card .ml-form-fieldRow input {
  width: 100% !important;
  padding: 14px 16px !important;
  font: 15px var(--sans) !important;
  border: 1px solid #5a5145 !important;
  border-radius: 6px !important;
  background: #0a0a0a !important;
  color: #f5f5f5 !important;
  box-shadow: none !important;
}

.form-card .ml-form-fieldRow input::placeholder {
  color: #aaa !important;
}

.form-card .ml-form-fieldRow input:focus {
  outline: 2px solid var(--accent) !important;
  outline-offset: 2px !important;
}

.form-card .ml-form-embedSubmit {
  margin-top: 4px !important;
}

.form-card .ml-form-embedSubmit button {
  width: 100% !important;
  padding: 15px 18px !important;
  background: var(--accent) !important;
  color: #0a0a0a !important;
  border: 0 !important;
  border-radius: 6px !important;
  font: 600 14px var(--sans) !important;
  cursor: pointer !important;
}

.form-card .ml-form-embedSubmit button:hover {
  background: var(--hover) !important;
}

.form-card .ml-form-successBody {
  color: #f5f5f5 !important;
  text-align: center !important;
}

.form-card .ml-form-successBody h4 {
  color: #f5f5f5 !important;
  font-family: var(--serif) !important;
}

.form-card .ml-form-successBody p {
  color: var(--muted) !important;
  font: 13px/1.6 var(--sans) !important;
}