/* Make form inputs in the Contact section show dark text and visible placeholders.
   This overrides the earlier .form-control rules that set white text for dark sections. */

/* Target only inputs/textarea/select inside #contact so other sections (dark backgrounds)
   still keep their intended white styling */
#contact .form-control,
#contact .form-input,
#contact input.form-control,
#contact textarea.form-control,
#contact select.form-control,
#contact .phone-input-wrap select,
#contact .phone-input-wrap input[type="tel"] {
  color: #111827; /* dark text */
  background: #ffffff; /* white background */
  border-color: #d1d5db; /* neutral border */
}

/* Placeholder colors (cross-browser) */
#contact .form-control::placeholder,
#contact .form-input::placeholder,
#contact input::placeholder,
#contact textarea::placeholder {
  color: #9ca3af; /* visible muted gray */
  opacity: 1;
}

/* WebKit, Firefox <19, IE10+ vendor variants (for older browsers) */
#contact .form-control::-webkit-input-placeholder,
#contact input::-webkit-input-placeholder,
#contact textarea::-webkit-input-placeholder { color: #9ca3af; opacity: 1; }
#contact .form-control::-moz-placeholder,
#contact input::-moz-placeholder,
#contact textarea::-moz-placeholder { color: #9ca3af; opacity: 1; }
#contact .form-control:-ms-input-placeholder,
#contact input:-ms-input-placeholder,
#contact textarea:-ms-input-placeholder { color: #9ca3af; opacity: 1; }
#contact .form-control::-ms-input-placeholder,
#contact input::-ms-input-placeholder,
#contact textarea::-ms-input-placeholder { color: #9ca3af; opacity: 1; }

/* Ensure buttons / inputs in contact form remain legible on focus */
#contact .form-control:focus,
#contact .form-input:focus,
#contact input:focus,
#contact textarea:focus {
  color: #0f172a;
  background: #ffffff;
  outline: none;
  box-shadow: 0 0 0 3px rgba(59,130,246,0.08);
  border-color: #3b82f6;
}