/* =========================================================
   05 — FORMS
   PURPOSE: Shared forms, search inputs, contact forms, capture forms.
   SECURITY NOTE:
   - Honeypot fields should remain visually hidden but accessible to no real user flow.
   - Do not style backend status or gate logic publicly.
   ========================================================= */

.cpc-form,
.cpc-searchbar,
.contact-form {
  width: 100%;
}

.cpc-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.cpc-form label,
.contact-form label {
  display: grid;
  gap: 7px;
  color: var(--cpc-ink);
  font-weight: 850;
}

.cpc-form input,
.cpc-form select,
.cpc-form textarea,
.contact-form input,
.contact-form select,
.contact-form textarea {
  width: 100%;
  min-height: 46px;
  padding: 11px 13px;
  border: 1px solid rgba(77, 119, 194, 0.30);
  border-radius: 14px;
  background: #fff;
  color: var(--cpc-ink);
  box-shadow: 0 6px 16px rgba(10, 79, 163, 0.04);
}

.cpc-form textarea,
.contact-form textarea {
  min-height: 120px;
  resize: vertical;
}

.cpc-form input:focus,
.cpc-form select:focus,
.cpc-form textarea:focus,
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  border-color: var(--cpc-primary);
  outline: none;
  box-shadow: 0 0 0 4px rgba(10, 79, 163, 0.12);
}

.hp-field,
.cpc-honeypot {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}