/* Event Form Native Validation Styles */

/* Style required fields that are invalid - disabled to prevent red borders by default */

/* Style valid required fields */
#event-form input:required:valid {
  border-color: #10b981;
}

/* Don't show validation colors until user has interacted - disabled to prevent red borders by default */

/* Form submission state */
#event-form:invalid [type="submit"] {
  background-color: #6b7280;
  cursor: not-allowed;
}

#event-form:invalid [type="submit"]:hover {
  background-color: #6b7280;
}

/* Valid form state */
#event-form:valid [type="submit"] {
  background-color: #3b82f6;
  cursor: pointer;
}

#event-form:valid [type="submit"]:hover {
  background-color: #2563eb;
}

/* Custom validation message styling */
input:invalid {
  box-shadow: none; /* Remove default browser validation styling */
}

/* Password confirmation field specific styling - disabled to prevent red borders by default */