/* Form Input Fixes */

/* Remove capitalize from form inputs */
.form-control,
input.form-control,
textarea.form-control,
select.form-control {
  text-transform: none !important;
}

/* Dashed border for form inputs - same as service accordion */
#contactForm .form-control,
#contactForm input.form-control,
#contactForm textarea.form-control,
#contactForm select.form-control {
  border: 1px dashed #c7a86b !important;
  border-radius: 4px;
  transition: all 0.3s ease;
}

/* Ensure email fields are lowercase */
input[type="email"].form-control {
  text-transform: lowercase !important;
}

/* Better form styling - focus state with dashed border */
#contactForm .form-control:focus {
  outline: none;
  border: 2px dashed #c7a86b !important;
  box-shadow: 0 0 8px rgba(199, 168, 107, 0.4);
}

/* Form validation styles with dashed border */
#contactForm .form-control:invalid:not(:placeholder-shown) {
  border: 1px dashed #dc3545 !important;
}

#contactForm .form-control:valid:not(:placeholder-shown) {
  border: 1px dashed #28a745 !important;
}

/* reCAPTCHA Mobile Fixes */
#recaptcha-checkbox {
  width: 100%;
  min-height: 78px;
  display: block !important;
  text-align: center;
  overflow: visible !important;
  padding: 10px 0;
  visibility: visible !important;
  opacity: 1 !important;
}

#recaptcha-checkbox > div {
  display: inline-block !important;
  margin: 0 auto !important;
}

/* Ensure parent container is visible on mobile */
@media (max-width: 768px) {
  /* Make sure the col container is visible */
  .col-xs-12.col-sm-12.col-md-12 {
    display: block !important;
    visibility: visible !important;
  }

  #recaptcha-checkbox {
    min-height: 100px;
    padding: 15px 0;
    overflow: visible !important;
    display: block !important;
    visibility: visible !important;
  }

  #recaptcha-checkbox > div {
    transform: scale(0.9);
    transform-origin: center center;
    margin: 0 auto !important;
    display: inline-block !important;
  }
}

@media (max-width: 480px) {
  #recaptcha-checkbox {
    min-height: 100px;
    padding: 15px 0;
  }

  #recaptcha-checkbox > div {
    transform: scale(0.85);
    transform-origin: center center;
  }
}