/*
 * Contact Form 7 skin for the subscription page (inc/forms.php). Reuses the
 * static export's own real `.field`/`.field-row` classes (used verbatim on
 * checkout.html too, so these are genuinely compiled in main.css — not a
 * guessed combination) rather than inventing new ones. Recommended Form-tab
 * markup, one <div class="field"> per field (see
 * _shared/WORDPRESS-CONVERSION-NOTES.md §5 — each field needs its own
 * block-level wrapper or CF7 merges consecutive fields into one <p>; a
 * visually-hidden label must be a sibling of its input via for/id, never a
 * wrapper around it):
 *
 * <div class="field">
 * <label for="sub-name">Name</label>
 * [text* your-name id:sub-name]
 * </div>
 * <div class="field-row">
 * <div class="field"><label for="sub-email">Email</label>[email* your-email id:sub-email]</div>
 * <div class="field"><label for="sub-phone">Phone</label>[tel* your-phone id:sub-phone]</div>
 * </div>
 * <div class="field"><label for="sub-address">Delivery address</label>[text* your-address id:sub-address]</div>
 * <div class="field">
 * <label for="sub-freq">Preferred frequency</label>
 * [select your-frequency id:sub-freq "Weekly" "Every 2 weeks" "Other"]
 * </div>
 * <div class="field"><label for="sub-notes">Preferred products / notes</label>[textarea your-notes id:sub-notes]</div>
 * <button class="btn-solid" style="width:100%" type="submit">[submit "Start regular delivery"]</button>
 */

.plugin-form .wpcf7-form p { margin: 0; }
.plugin-form .wpcf7-form-control-wrap { display: block; }
.plugin-form input.wpcf7-form-control,
.plugin-form select.wpcf7-form-control,
.plugin-form textarea.wpcf7-form-control {
  width: 100%;
}
.plugin-form input.wpcf7-form-control.wpcf7-submit {
  width: 100%;
}
.plugin-form .wpcf7-response-output {
  margin-top: 1rem;
  border-radius: var(--radius-md, 0);
  padding: .75rem 1rem;
  font-size: .875rem;
  border: 1px solid var(--gold, #86754d);
}
.plugin-form form.sent .wpcf7-response-output { border-color: #2f6b3f; color: #2f6b3f; }
.plugin-form form.failed .wpcf7-response-output,
.plugin-form form.invalid .wpcf7-response-output,
.plugin-form form.spam .wpcf7-response-output { border-color: #b3261e; color: #b3261e; }
.plugin-form span.wpcf7-not-valid-tip { display: block; margin-top: .25rem; font-size: .75rem; color: #b3261e; }