/*
 * WPForms structural CSS — the subset the signup card actually depends on.
 *
 * On live the card's form is `[wpforms id=…]`, so WPForms' own stylesheet is
 * loaded and the theme's `.signup-card__form .wpforms-*` rules (already in
 * theme bundle) hang off it. Statically we emit the same DOM, so we need the
 * same structural base — but NOT the 200 KB full stylesheet, 99% of which
 * styles field types this site does not have (dates, signatures, payments,
 * repeaters, layouts).
 *
 * Sourced from the PLUGIN SOURCE, not from the live page (Lessons §1: live
 * inlines a WP-Rocket-optimised subset at request time and is not canonical):
 *   wordpress/wp-content/plugins/wpforms/assets/css/frontend/classic/wpforms-base.css
 *
 * Rules are reproduced verbatim. If the signup form ever gains a field type,
 * re-extract rather than hand-writing additions.
 */

.wpforms-container {
  margin-bottom: 26px;
}

.wpforms-container .wpforms-field {
  padding: 10px 0;
  position: relative;
}

/* Visually-hidden label. Without this the literal word "Email" renders above
   the input — the label is kept for accessibility, not decoration. */
.wpforms-container .wpforms-field-label.wpforms-label-hide,
.wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}

.wpforms-container input[type=email],
.wpforms-container input[type=text],
.wpforms-container input[type=url],
.wpforms-container input[type=tel],
.wpforms-container input[type=number] {
  display: block;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: none;
  font-family: inherit;
}

/* The theme overrides this to 100% inside .signup-card__form; kept so the
   cascade matches live in any other context. */
.wpforms-container input.wpforms-field-medium,
.wpforms-container select.wpforms-field-medium,
.wpforms-container .wpforms-field-row.wpforms-field-medium {
  max-width: 60%;
}

/* Base positioning. `.signup-card__form .wpforms-submit-container` overrides
   this to position:absolute — that override is what lifts the Subscribe button
   out of flow and floats it across the card's bottom border, below the terms. */
.wpforms-container .wpforms-submit-container {
  padding: 10px 0 0 0;
  position: relative;
}