/* ============================================================
   cf7-styles.css — CF7 design override for CRM Xperts
   Replace your existing file completely with this.
   ============================================================ */

.wpcf7 { margin: 0; padding: 0; }

/* ── Kill every <br> CF7 injects — this is the fix for the two visible lines ── */
.wpcf7 br,
.wpcf7-form br,
.wpcf7-form p br,
.wpcf7-form .fg br,
.wpcf7-form .fr br {
  display: none !important;
  content: none !important;
}

/* ── CF7 wraps shortcode fields in <p> — strip all spacing from those ── */
.wpcf7-form > p,
.wpcf7-form p {
  margin: 0 !important;
  padding: 0 !important;
  display: contents; /* makes CF7's <p> invisible in layout */
}

/* ── Each field control span should sit as a full-width block ── */
.wpcf7-form-control-wrap {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

/* ── Validation errors ── */
.wpcf7-not-valid {
  border-color: #EF4444 !important;
  box-shadow: 0 0 0 3px rgba(239,68,68,0.08) !important;
}
.wpcf7-not-valid-tip {
  display: block;
  font-size: .74rem;
  color: #EF4444;
  margin-top: 4px;
  font-family: 'Mulish', sans-serif;
}

/* ── Hide CF7's own response output bar ── */
.wpcf7-response-output {
  display: none !important;
}

/* ── Spinner during submit ── */
.wpcf7-spinner {
  display: inline-block !important;
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255,255,255,0.4);
  border-top-color: #fff;
  border-radius: 50%;
  animation: cf7spin .6s linear infinite;
  margin-left: 8px;
  vertical-align: middle;
}
@keyframes cf7spin { to { transform: rotate(360deg); } }

/* ── Custom success state ── */
.cf7-success {
  display: none;
  text-align: center;
  padding: 40px 20px;
}
.cf7-success.show { display: block; }
.cf7-success svg { display: block; margin: 0 auto 14px; }
.cf7-success h3 {
  font-family: 'League Spartan', sans-serif;
  font-size: 1.3rem;
  font-weight: 800;
  color: #1B2A4A;
  margin-bottom: 8px;
}
.cf7-success p {
  font-size: .92rem;
  color: #5A6B82;
}

.hidden-fields-container {
    display: none;
}