/* Contact Form 7 styling for UK IT Services design pages.
   Scopes CF7 output to the brand palette so every page's enquiry form
   reads as one system, regardless of the section it sits in. */
.ukit-cf7 .wpcf7 { font-family: "TikTok Sans","Manrope",Arial,sans-serif; }
.ukit-cf7 .ukit-form-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px 18px; }
.ukit-cf7 .ukit-field{ margin:0; display:flex; flex-direction:column; }
.ukit-cf7 .ukit-full{ grid-column:1 / -1; }
.ukit-cf7 .ukit-submit{ grid-column:1 / -1; margin:4px 0 0; }
.ukit-cf7 .ukit-consent{ grid-column:1 / -1; margin:0; font-size:13px; color:#5d6874; }
.ukit-cf7 label{ font:600 13.5px/1.4 inherit; color:#1f2935; display:block; }
.ukit-cf7 label.ukit-lab{ margin-bottom:8px; }
.ukit-cf7 .wpcf7-form-control-wrap{ display:block; margin-top:6px; }
.ukit-cf7 input[type=text],
.ukit-cf7 input[type=email],
.ukit-cf7 input[type=tel],
.ukit-cf7 input[type=url],
.ukit-cf7 input[type=number],
.ukit-cf7 select,
.ukit-cf7 textarea{
  width:100%; box-sizing:border-box; margin-top:6px;
  padding:12px 14px; border:1px solid rgba(31,41,53,.16); border-radius:12px;
  background:#fff; color:#1f2935; font:400 15px/1.4 inherit; transition:border-color .15s, box-shadow .15s;
}
.ukit-cf7 select{ appearance:none; -webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m2.5 4.5 3.5 3.5 3.5-3.5' fill='none' stroke='%230ea8a5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 14px center; padding-right:36px; }
.ukit-cf7 textarea{ min-height:120px; resize:vertical; }
.ukit-cf7 input:focus,.ukit-cf7 select:focus,.ukit-cf7 textarea:focus{
  outline:none; border-color:#0ea8a5; box-shadow:0 0 0 3px rgba(70,198,195,.20); }
.ukit-cf7 .wpcf7-list-item{ display:inline-flex; align-items:center; gap:6px; margin:6px 14px 0 0; font-size:13.5px; color:#354250; }
.ukit-cf7 .ukit-consent .wpcf7-list-item{ margin:0; }
.ukit-cf7 input[type=checkbox]{ width:16px; height:16px; accent-color:#0ea8a5; }
.ukit-cf7 .button.button-primary,
.ukit-cf7 input.wpcf7-submit{
  appearance:none; border:0; cursor:pointer; width:100%;
  background:linear-gradient(135deg,#0ea8a5,#46c6c3); color:#fff;
  font:800 15px/1 inherit; padding:15px 22px; border-radius:12px;
  box-shadow:0 12px 28px rgba(14,168,165,.28); transition:transform .12s, box-shadow .12s; }
.ukit-cf7 input.wpcf7-submit:hover{ transform:translateY(-1px); box-shadow:0 16px 34px rgba(14,168,165,.34); }
.ukit-cf7 .wpcf7-spinner{ margin:0 0 0 10px; }
.ukit-cf7 .wpcf7-not-valid-tip{ color:#c0392b; font-size:12.5px; margin-top:5px; }
.ukit-cf7 .wpcf7-response-output{ grid-column:1 / -1; margin:14px 0 0!important; padding:12px 14px; border-radius:10px; font-size:14px; }
.ukit-cf7 form.sent .wpcf7-response-output{ border:1px solid rgba(138,198,70,.5); background:rgba(138,198,70,.10); color:#3d5c16; }
.ukit-cf7 form.invalid .wpcf7-response-output,
.ukit-cf7 form.failed .wpcf7-response-output{ border:1px solid rgba(192,57,43,.4); background:rgba(192,57,43,.07); color:#8a2a20; }
@media (max-width:640px){ .ukit-cf7 .ukit-form-grid{ grid-template-columns:1fr; } }