/* ============================================================
   CHEW ON THIS REALTY - Contact Form 7 skin
   CF7 wraps every field in its own span and paragraph, which
   breaks the two column grid, so those wrappers are reset here.
   Palette: ink #0F1319 / blue #1668E3 / line #E1E8F1
   No :root, no CSS variables, every value hardcoded.

   Requires this in wp-config.php so CF7 stops injecting <p>:
     define( 'WPCF7_AUTOP', false );
   ============================================================ */

/* ---------- wrapper reset ---------- */
.ct-form-cot .wpcf7{margin:0}
.ct-form-cot .wpcf7 form>p{margin:0}
.ct-form-cot .wpcf7-form-control-wrap{display:block;width:100%}
.ct-select-cot{margin-bottom:14px}

/* ---------- fields ---------- */
.ct-form-cot .wpcf7 input[type="text"],
.ct-form-cot .wpcf7 input[type="tel"],
.ct-form-cot .wpcf7 input[type="email"],
.ct-form-cot .wpcf7 input[type="date"],
.ct-form-cot .wpcf7 input[type="number"],
.ct-form-cot .wpcf7 select,
.ct-form-cot .wpcf7 textarea{
  width:100%;padding:14px 16px;border:1px solid #E1E8F1;border-radius:4px;background:#FCFDFE;
  font-family:'Inter',sans-serif;font-size:14.5px;color:#0F1319;
  transition:border-color .3s,box-shadow .3s,background .3s;
}
.ct-form-cot .wpcf7 textarea{resize:vertical;min-height:130px}
.ct-form-cot .wpcf7 input::placeholder,
.ct-form-cot .wpcf7 textarea::placeholder{color:#9AA3B2}
.ct-form-cot .wpcf7 input:focus,
.ct-form-cot .wpcf7 select:focus,
.ct-form-cot .wpcf7 textarea:focus{
  outline:none;border-color:#1668E3;background:#FFFFFF;
  box-shadow:0 0 0 3px rgba(22,104,227,.1);
}

/* CF7 renders select without the native arrow suppressed */
.ct-form-cot .wpcf7 select{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%237A8494' d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;background-size:11px;
  padding-right:40px;cursor:pointer;
}

/* ---------- submit ---------- */
.ct-form-cot .wpcf7 input[type="submit"]{
  width:100%;margin-top:16px;padding:16px 26px;border:0;border-radius:6px;cursor:pointer;
  background:#1668E3;color:#FFFFFF;
  font-family:'Archivo',sans-serif;font-weight:600;font-size:12.5px;
  letter-spacing:.2em;text-transform:uppercase;
  box-shadow:0 10px 24px -14px rgba(22,104,227,.85);
  transition:background .3s,transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s;
}
.ct-form-cot .wpcf7 input[type="submit"]:hover{
  background:#0E56C4;transform:translateY(-2px);
  box-shadow:0 16px 32px -16px rgba(22,104,227,.9);
}
.ct-form-cot .wpcf7 input[type="submit"]:disabled{opacity:.6;cursor:not-allowed;transform:none}

/* ---------- validation ---------- */
.ct-form-cot .wpcf7-not-valid{border-color:#D64545;background:#FFFFFF}
.ct-form-cot .wpcf7-not-valid-tip{
  display:block;margin-top:6px;font-size:12.5px;color:#D64545;line-height:1.5;
}

/* ---------- response ---------- */
.ct-form-cot .wpcf7-response-output{
  margin:18px 0 0;padding:13px 16px;border:1px solid #E4EAF2;border-radius:4px;
  background:#F6F9FC;font-size:13.5px;line-height:1.6;color:#3A4250;
}
.ct-form-cot .wpcf7 form.sent .wpcf7-response-output{border-color:#1668E3;background:#EAF2FE;color:#0F1319}
.ct-form-cot .wpcf7 form.invalid .wpcf7-response-output,
.ct-form-cot .wpcf7 form.unaccepted .wpcf7-response-output,
.ct-form-cot .wpcf7 form.failed .wpcf7-response-output{border-color:#D64545;background:#FDF3F3;color:#8A2B2B}

/* ---------- spinner ---------- */
.ct-form-cot .wpcf7-spinner{margin:14px auto 0;display:block}

@media (max-width:760px){
  .ct-form-cot .ct-row-cot{grid-template-columns:1fr}
}