/* =========================================================
   v2.8.26 — Newsletter form style normalization
   ========================================================= */

.newsletter-form,
.newsletter-card form,
form.newsletter,
form[data-newsletter],
#newsletter-form {
  display: grid;
  gap: 18px;
}

.newsletter-form label,
.newsletter-card label,
form.newsletter label,
form[data-newsletter] label,
#newsletter-form label {
  font-family: Inter, Manrope, "Helvetica Neue", Arial, sans-serif !important;
  color: #0F1B2D;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .92rem;
  margin: 0 0 6px;
}

.newsletter-form input,
.newsletter-card input,
form.newsletter input,
form[data-newsletter] input,
#newsletter-form input {
  font-family: Inter, Manrope, "Helvetica Neue", Arial, sans-serif !important;
  color: #0F1B2D;
  background: #FFFFFF;
  border: 1px solid #C7D7EE;
  border-radius: 14px;
  min-height: 54px;
  padding: 12px 16px;
  width: 100%;
  box-sizing: border-box;
}

.newsletter-form button,
.newsletter-card button,
form.newsletter button,
form[data-newsletter] button,
#newsletter-form button {
  margin-top: 10px !important;
  width: fit-content;
  min-width: 150px;
  font-family: Inter, Manrope, "Helvetica Neue", Arial, sans-serif !important;
}

.newsletter-card,
.newsletter-box,
section:has(form[data-newsletter]),
section:has(#newsletter-form) {
  font-family: Inter, Manrope, "Helvetica Neue", Arial, sans-serif !important;
}

@media (max-width: 760px) {
  .newsletter-form,
  .newsletter-card form,
  form.newsletter,
  form[data-newsletter],
  #newsletter-form {
    gap: 16px;
  }

  .newsletter-form button,
  .newsletter-card button,
  form.newsletter button,
  form[data-newsletter] button,
  #newsletter-form button {
    width: 100%;
    max-width: 280px;
  }
}