/* ================================================================
   Material Ledger Desk — Contact Form 7 markup overlay
   Maps CF7's wrappers onto the static build's form vocabulary
   (.field, .form-grid, .consent-row, .error, .form-status, .button).
   Loaded after css/styles.css, only when CF7 is active.
   ================================================================ */

.wpcf7-form .wpcf7-form-control-wrap{display:block;width:100%}
.wpcf7-form .field .wpcf7-form-control-wrap input,
.wpcf7-form .field .wpcf7-form-control-wrap textarea{display:block}

/* Consent rows: <div class="consent-row"><span wrap><span acceptance><span list-item><label>…</label></span></span></span></div> */
.wpcf7-form .consent-row .wpcf7-form-control-wrap,
.wpcf7-form .consent-row .wpcf7-acceptance,
.wpcf7-form .consent-row .wpcf7-list-item{display:block;margin:0}
/* label/input styling comes from the source's own .consent-row rules (incl. its mobile breakpoint) */
.wpcf7-form .consent-row .wpcf7-list-item-label{flex:1}
.wpcf7-form .consent-row .wpcf7-not-valid-tip{padding-left:32px}

/* Validation tips = .error */
.wpcf7-form .wpcf7-not-valid-tip{display:block;font-size:12px;color:#9c1821;margin-top:4px}
.wpcf7-form .wpcf7-not-valid{border-color:#a22128}

/* Submit = .button (CF7 renders <input type="submit">) */
.wpcf7-form input.wpcf7-submit.button{appearance:none;-webkit-appearance:none;font-family:inherit}
.wpcf7-form .wpcf7-spinner{vertical-align:middle;margin:0 0 0 12px}

/* Response banner = .form-status (the static build showed the status text under the button) */
.wpcf7 form .wpcf7-response-output{margin:20px 0 0;padding:0;border:0;font-size:14px}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output{color:#9c1821}
.wpcf7 form.sent .wpcf7-response-output{color:#1f5e38}