/* zero core's has-background inline padding; inner owns horizontal containment */
.flm-newsletter { padding-block: clamp(2.5rem, 5vw, 4rem); padding-inline: 0; }
.flm-newsletter__inner { width: min(92vw, 1840px); margin-inline: auto; display: flex; flex-wrap: wrap; gap: clamp(1.25rem, 3vw, 2.5rem); align-items: center; justify-content: space-between; }
.flm-newsletter__copy { flex: 0 1 auto; }
.flm-newsletter__title { color: var(--wp--preset--color--text-primary); font-weight: 600; font-size: clamp(1.5rem, 2.2vw, 2rem); line-height: 1.15; margin: 0 0 .35rem; }
.flm-newsletter__lead { color: var(--wp--preset--color--text-muted); margin: 0; font-size: var(--wp--preset--font-size--caption); }
.flm-newsletter__form { display: flex; gap: .75rem; flex: 1 1 360px; max-width: 520px; }
.flm-newsletter__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.flm-newsletter__input { flex: 1; min-width: 0; height: 46px; padding: 0 1rem; border-radius: 4px; border: 1px solid var(--wp--preset--color--surface-elev-1); background: var(--wp--preset--color--surface-base); color: var(--wp--preset--color--text-primary); }
.flm-newsletter__input::placeholder { color: var(--wp--preset--color--text-muted); }

/* Bare <button> doesn't get the .wp-block-button__link is-style-filled-white
   rule (header.css targets the anchor child). Replicate the white-fill look. */
.flm-newsletter__btn {
  white-space: nowrap;
  height: 46px;
  padding: 0 1.5rem;
  border: 1px solid var(--wp--preset--color--text-primary);
  border-radius: 4px;
  background-color: var(--wp--preset--color--text-primary);
  color: var(--wp--preset--color--surface-deep);
  font-weight: 600;
  font-size: 1.0625rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.flm-newsletter__btn:hover,
.flm-newsletter__btn:focus-visible {
  background-color: var(--wp--preset--color--button-hover-fill);
  color: var(--wp--preset--color--surface-deep);
}

@media (max-width: 600px) { .flm-newsletter__form { flex-direction: column; align-items: stretch; } }