/* ---------------------------
   CF7: response / thank-you box
   --------------------------- */

/* Main response output element (used for success + errors) */
.wpcf7 .wpcf7-response-output {
  margin: 18px 0 0 !important;
  padding: 14px 16px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  line-height: 1.4 !important;

  /* IMPORTANT: readable on dark background */
  color: #ffffff !important;
  background: rgba(18, 24, 32, 0.85) !important;
  border: 1px solid rgba(46, 204, 113, 0.55) !important;
}

/* When form is successfully sent */
.wpcf7 form.sent .wpcf7-response-output {
  border-color: rgba(46, 204, 113, 0.75) !important;
}

/* When there is an error */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  border-color: rgba(231, 76, 60, 0.75) !important;
}

/* Validation tips under fields */
.wpcf7 .wpcf7-not-valid-tip {
  color: #ffb3b3 !important;
  font-size: 13px !important;
}

/* ---------------------------
   CF7: input text visibility
   --------------------------- */

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7 select {
  color: #ffffff !important;
  background: rgba(12, 18, 26, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
  color: rgba(255, 255, 255, 0.55) !important;
}

/* Optional: focus ring that matches a “neon/dark tech” vibe */
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(46, 204, 113, 0.25) !important;
  border-color: rgba(46, 204, 113, 0.45) !important;
}