/* Relo — forms.css : makes Contact Form 7 output match the mockup form designs.
   Loaded only on pages that carry a CF7 form (contact + transport). */

/* CF7 wrapper resets */
.wpcf7 .wpcf7-form{margin:0}
.wpcf7 .wpcf7-form p{margin:0}

/* service chips (CF7 radio rendered as pill chips on the contact form) */
.svc-chips .wpcf7-radio{display:flex;flex-wrap:wrap;gap:8px}
.svc-chips .wpcf7-list-item{margin:0}
.svc-chips .wpcf7-list-item > label{display:inline-flex;cursor:pointer;margin:0}
.svc-chips .wpcf7-list-item input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
.svc-chips .wpcf7-list-item-label{display:inline-block;font-family:var(--body);font-weight:600;font-size:.84rem;
  padding:8px 13px;border-radius:100px;border:1.5px solid var(--line);background:var(--white);color:var(--mut);transition:.2s}
.svc-chips .wpcf7-list-item > label:hover .wpcf7-list-item-label{border-color:var(--navy);color:var(--navy)}
.svc-chips .wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label{background:var(--navy);color:#fff;border-color:var(--navy)}

/* validation + response messaging */
.wpcf7-not-valid-tip{color:#E26D5A;font-size:.78rem;margin-top:5px;font-weight:600}
.wpcf7 form .wpcf7-response-output{margin:16px 0 0;border-radius:12px;padding:13px 16px;font-size:.92rem;border-width:1.5px}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#E26D5A;background:rgba(226,109,90,.08);color:#9a3b2b}
.wpcf7 form.sent .wpcf7-response-output{border-color:#1FA855;background:rgba(31,168,85,.1);color:#0e6a37}
.wpcf7-spinner{margin:0 0 0 10px}
.field input.wpcf7-not-valid,.field select.wpcf7-not-valid,.field textarea.wpcf7-not-valid,
.fld input.wpcf7-not-valid,.fld select.wpcf7-not-valid,.fld textarea.wpcf7-not-valid{border-color:#E26D5A}

/* let the submit button size like the mockup actions */
.frm-actions .wpcf7-submit{flex:1 1 200px}