/* LeadConnector Form Custom Styling */
iframe[id^="inline-"] {
  --form-border-color: #40e0d0 !important;
  --form-button-background: #40e0d0 !important;
  --form-button-hover-background: #32b3a6 !important;
}

/* Target the form inside the iframe when it loads */
iframe[id^="inline-"] + iframe {
  --form-border-color: #40e0d0 !important;
  --form-button-background: #40e0d0 !important;
  --form-button-hover-background: #32b3a6 !important;
}

/* Additional styling for form elements */
.form-container input,
.form-container select,
.form-container textarea {
  border-color: #40e0d0 !important;
}

.form-container button {
  background-color: #40e0d0 !important;
}

.form-container button:hover {
  background-color: #32b3a6 !important;
}

/* Custom CSS for LeadConnector forms */
[data-form-id] input,
[data-form-id] select,
[data-form-id] textarea {
  border-color: #40e0d0 !important;
  border-radius: 0.375rem !important;
}

[data-form-id] button,
[data-form-id] .submit-button {
  background-color: #40e0d0 !important;
  color: white !important;
  border-color: #40e0d0 !important;
  transition: all 0.3s ease !important;
}

[data-form-id] button:hover,
[data-form-id] .submit-button:hover {
  background-color: #32b3a6 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

/* Additional selectors to target the specific submit button */
button[type="submit"],
input[type="submit"],
.submit-button,
.ghl-button-action,
.ghl-submit-button,
.form-submit-button {
  background-color: #40e0d0 !important;
  border-color: #40e0d0 !important;
  color: white !important;
  transition: all 0.3s ease !important;
}

button[type="submit"]:hover,
input[type="submit"]:hover,
.submit-button:hover,
.ghl-button-action:hover,
.ghl-submit-button:hover,
.form-submit-button:hover {
  background-color: #32b3a6 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

/* Direct targeting for red buttons */
button[style*="background-color: red"],
button[style*="background-color:#ff"],
button[style*="background-color: #ff"],
button[style*="background-color:#cc0000"],
button[style*="background-color: #cc0000"],
button[style*="background: red"],
button[style*="background:#ff"],
button[style*="background: #ff"],
input[style*="background-color: red"],
input[style*="background-color:#ff"],
input[style*="background-color: #ff"] {
  background-color: #40e0d0 !important;
  border-color: #40e0d0 !important;
  color: white !important;
}