/* CallConnect AI — Contact Form Styles */
.ccai-cf-form-wrap { max-width: 720px; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.ccai-cf-form-wrap * { box-sizing: border-box; }

.ccai-cf-form-card { background: #ffffff; border-radius: 16px; box-shadow: 0 4px 32px rgba(0,0,0,0.09); padding: 40px 44px; }
@media(max-width:600px) { .ccai-cf-form-card { padding: 24px 20px; } }

/* Enquiry type selector */
.ccai-cf-section-label { display:block; font-size:13px; font-weight:700; color:#374151; margin-bottom:10px; }
.ccai-cf-enquiry-types { margin-bottom:24px; }
.ccai-cf-type-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
@media(max-width:560px){ .ccai-cf-type-grid { grid-template-columns:repeat(2,1fr); } }

.ccai-cf-type-card { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; padding:14px 10px; border:2px solid #E5E7EB; border-radius:10px; cursor:pointer; transition:all .15s; text-align:center; background:#fff; position:relative; }
.ccai-cf-type-card input[type=radio] { position:absolute; opacity:0; width:0; height:0; }
.ccai-cf-type-card:hover { border-color:var(--type-colour,#7C3AED); background:color-mix(in srgb, var(--type-colour,#7C3AED) 5%, white); }
.ccai-cf-type-card.selected { border-color:var(--type-colour,#7C3AED); background:color-mix(in srgb, var(--type-colour,#7C3AED) 8%, white); box-shadow:0 0 0 3px color-mix(in srgb, var(--type-colour,#7C3AED) 20%, transparent); }
.ccai-cf-type-icon { font-size:22px; line-height:1; }
.ccai-cf-type-label { font-size:12px; font-weight:600; color:#374151; line-height:1.3; }
.ccai-cf-type-card.selected .ccai-cf-type-label { color:var(--type-colour,#7C3AED); }

/* Fields */
.ccai-cf-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }
@media(max-width:560px) { .ccai-cf-row { grid-template-columns:1fr; } }
.ccai-cf-field { display:flex; flex-direction:column; gap:5px; margin-bottom:16px; }
.ccai-cf-field:last-child { margin-bottom:0; }
.ccai-cf-field label { font-size:13px; font-weight:600; color:#374151; }
.ccai-cf-optional { font-size:11px; font-weight:400; color:#9CA3AF; margin-left:4px; }
.ccai-cf-hint { font-size:11.5px; color:#9CA3AF; }
.req { color:#EF4444; }

.ccai-cf-field input[type=text],
.ccai-cf-field input[type=email],
.ccai-cf-field input[type=tel],
.ccai-cf-field select,
.ccai-cf-field textarea {
    width:100%; padding:11px 14px; border:2px solid #E5E7EB; border-radius:9px;
    font-size:14.5px; color:#111827; background:#fff; outline:none;
    transition:border-color .15s, box-shadow .15s; -webkit-appearance:none; font-family:inherit;
}
.ccai-cf-field input:focus,
.ccai-cf-field select:focus,
.ccai-cf-field textarea:focus { border-color:#7C3AED; box-shadow:0 0 0 4px rgba(124,58,237,0.1); }
.ccai-cf-field input.has-error,
.ccai-cf-field textarea.has-error { border-color:#EF4444; box-shadow:0 0 0 3px rgba(239,68,68,0.1); }
.ccai-cf-field textarea { resize:vertical; min-height:120px; }
.ccai-cf-field-error { font-size:12px; color:#EF4444; font-weight:500; min-height:16px; }

/* Contact time radio pills */
.ccai-cf-time-options { display:flex; gap:8px; flex-wrap:wrap; margin-top:2px; }
.ccai-cf-time-label { display:flex; align-items:center; gap:6px; padding:8px 14px; border:2px solid #E5E7EB; border-radius:20px; cursor:pointer; font-size:13px; color:#374151; font-weight:500; transition:all .15s; }
.ccai-cf-time-label input[type=radio] { accent-color:#7C3AED; width:14px; height:14px; cursor:pointer; }
.ccai-cf-time-label:has(input:checked) { border-color:#7C3AED; background:#EDE9FE; color:#7C3AED; }
.ccai-cf-time-label:hover { border-color:#A78BFA; }

/* Checkbox */
.ccai-cf-checkbox-field { margin-bottom:20px; }
.ccai-cf-checkbox-label { display:flex; align-items:flex-start; gap:10px; cursor:pointer; }
.ccai-cf-checkbox-label input[type=checkbox] { width:17px; height:17px; accent-color:#7C3AED; flex-shrink:0; margin-top:2px; cursor:pointer; }
.ccai-cf-checkbox-label span { font-size:13px; color:#4B5563; line-height:1.5; }

/* Submit */
.ccai-cf-submit-btn { display:block; width:100%; padding:15px; background:#7C3AED; color:#fff; border:none; border-radius:10px; font-size:16px; font-weight:700; cursor:pointer; transition:background .15s,transform .1s; margin-bottom:12px; font-family:inherit; }
.ccai-cf-submit-btn:hover { background:#6D28D9; }
.ccai-cf-submit-btn:disabled { background:#A78BFA; cursor:not-allowed; }

.ccai-cf-privacy { font-size:11.5px; color:#9CA3AF; text-align:center; margin:0; }
.ccai-cf-privacy a { color:#7C3AED; text-decoration:none; }
.ccai-cf-privacy a:hover { text-decoration:underline; }

/* Alert */
.ccai-cf-form-alert { background:#FEF2F2; border:1px solid #FECACA; color:#991B1B; padding:12px 14px; border-radius:8px; font-size:13px; margin-bottom:14px; }

/* Success */
.ccai-cf-success-state { text-align:center; padding:40px 20px; }
.ccai-cf-success-icon { width:64px; height:64px; background:#ECFDF5; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:30px; margin:0 auto 16px; color:#10B981; font-weight:700; }
.ccai-cf-success-state h3 { font-size:22px; font-weight:800; color:#111827; margin:0 0 8px; }
.ccai-cf-success-state p { font-size:15px; color:#6B7280; margin:0; line-height:1.6; }