/* Internship Application Form - Input Field Fixes */

/* Override any conflicting styles for form inputs */
#internshipApplicationForm .form-control,
#internshipApplicationForm input.form-control,
#internshipApplicationForm select.form-control {
  width: 100% !important;
  padding: 11px 15px !important;
  border: 1.5px solid #d1d5db !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  background: white !important;
  color: #333 !important;
  transition: all 0.3s ease !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Focus state */
#internshipApplicationForm .form-control:focus,
#internshipApplicationForm input.form-control:focus,
#internshipApplicationForm select.form-control:focus {
  border-color: #00ED87 !important;
  background: white !important;
  box-shadow: 0 0 0 3px rgba(0, 237, 135, 0.1) !important;
  outline: none !important;
}

/* Placeholder styling */
#internshipApplicationForm .form-control::placeholder,
#internshipApplicationForm input.form-control::placeholder {
  color: #9ca3af !important;
  opacity: 1 !important;
}

/* Select dropdown arrow */
#internshipApplicationForm select.form-control {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 12px !important;
  padding-right: 35px !important;
}

/* Disabled state */
#internshipApplicationForm .form-control:disabled,
#internshipApplicationForm input.form-control:disabled,
#internshipApplicationForm select.form-control:disabled {
  background-color: #f3f4f6 !important;
  cursor: not-allowed !important;
  opacity: 0.6 !important;
}

/* Remove autofill yellow background */
#internshipApplicationForm input.form-control:-webkit-autofill,
#internshipApplicationForm input.form-control:-webkit-autofill:hover,
#internshipApplicationForm input.form-control:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  -webkit-text-fill-color: #333 !important;
  border: 1.5px solid #d1d5db !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

/* Form group spacing */
#internshipApplicationForm .form-group {
  margin-bottom: 20px !important;
}

/* Label styling */
#internshipApplicationForm label {
  display: block !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #333 !important;
  margin-bottom: 8px !important;
}

/* Required asterisk */
#internshipApplicationForm .required {
  color: #dc3545 !important;
  margin-left: 2px !important;
}

/* Submit button hover effect */
#internshipApplicationForm .btn-submit:hover {
  background: linear-gradient(135deg, #1fa97f, #00ED87) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0, 237, 135, 0.3) !important;
}

#internshipApplicationForm .btn-submit:active {
  transform: translateY(0) !important;
}

/* Alert messages */
.alert {
  border-radius: 8px !important;
  padding: 15px !important;
  margin-bottom: 20px !important;
  font-size: 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.alert-success {
  background: #d4edda !important;
  color: #155724 !important;
  border: 1px solid #c3e6cb !important;
}

.alert-danger {
  background: #f8d7da !important;
  color: #721c24 !important;
  border: 1px solid #f5c6cb !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  #internshipApplicationForm .form-control,
  #internshipApplicationForm input.form-control,
  #internshipApplicationForm select.form-control {
    font-size: 16px !important; /* Prevents zoom on iOS */
  }
}