.vs-newsletter {
  margin: 3.5rem 0 1rem;
  padding: clamp(1.4rem, 4vw, 2.25rem);
  border: 1px solid #d8d2c7;
  border-left: 6px solid #b8493d;
  border-radius: 16px;
  background: #fbfaf6;
  color: #172a3a;
}
.vs-newsletter .vs-newsletter-kicker {
  margin: 0 0 .5rem;
  color: #b8493d;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .09em;
}
.vs-newsletter h2 {
  margin: 0 0 .65rem;
  padding: 0;
  border: 0;
  font-size: clamp(1.45rem, 3vw, 2rem);
}
.vs-newsletter .mailpoet_form {
  margin-top: 1rem;
}
.vs-newsletter .mailpoet_form form,
.vs-newsletter .mailpoet_form .mailpoet_paragraph {
  margin-bottom: .65rem;
}
.vs-newsletter input[type="email"],
.vs-newsletter input[type="text"] {
  min-height: 48px;
  border: 1px solid #8b949b;
  border-radius: 8px;
  background: #fff;
  color: #172a3a;
}
.vs-newsletter input[type="submit"] {
  min-height: 48px;
  border: 0;
  border-radius: 8px;
  background: #172a3a;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}
.vs-newsletter input[type="submit"]:hover,
.vs-newsletter input[type="submit"]:focus {
  background: #b8493d;
}
.vs-newsletter-consent {
  margin: 1rem 0 0;
  color: #5d6870;
  font-size: .82rem;
  line-height: 1.5;
}


/*
 * 1.1.1 — Görünür alan düzeltmesi (13 Eylül 2026).
 * GoDaddy "site designer contrast fallback" stili tüm input'lara tanımsız
 * --wp--preset--color--* değişkenleriyle zemin/kenarlık veriyor; Kadence bu
 * değişkenleri tanımlamadığı için alan saydam ve kenarlıksız kalıyordu.
 * O kural :not() zinciriyle (0,8,2) özgüllükte, MailPoet de satır içi stil
 * yazıyor; bu yüzden yalnız bu kutuyla sınırlı !important gerekiyor.
 */
.vs-newsletter .mailpoet_form form.mailpoet_form {
  padding: 0 !important;
}
.vs-newsletter .mailpoet_form .mailpoet_paragraph {
  margin-bottom: .75rem !important;
}
.vs-newsletter .mailpoet_form input.mailpoet_text {
  min-height: 52px;
  padding: 12px 14px !important;
  border: 1px solid #6f7a82 !important;
  border-radius: 8px;
  background-color: #fff !important;
  color: #172a3a !important;
  font-size: 1rem;
  line-height: 1.4;
}
.vs-newsletter .mailpoet_form input.mailpoet_text::placeholder {
  color: #5d6870;
  opacity: 1;
}
.vs-newsletter .mailpoet_form input.mailpoet_text:focus {
  border-color: #b8493d !important;
  outline: 3px solid rgba(184, 73, 61, .25);
  outline-offset: 1px;
}
.vs-newsletter .mailpoet_form input.mailpoet_submit {
  min-height: 52px;
  padding: 12px 20px !important;
  border: 0 !important;
  border-radius: 8px;
  background-color: #172a3a !important;
  color: #fff !important;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
}
.vs-newsletter .mailpoet_form input.mailpoet_submit:hover,
.vs-newsletter .mailpoet_form input.mailpoet_submit:focus-visible {
  background-color: #b8493d !important;
}
.vs-newsletter .mailpoet_form input.mailpoet_submit:focus-visible {
  outline: 3px solid rgba(184, 73, 61, .35);
  outline-offset: 2px;
}